index.html

<h1 style="color: red;background-color:black">Heading</h1>    <!--inline CSS-->

<h1 style="color:black;background-color:red">Apple</h1>

<h1 style="color:black;background-color:yellow">Mango</h1>

<style>      
    h1{
        color:blue
    }
    p{
        color:red
    }
</style>


<h1>heading</h1>           <!--Internal css-->
<p>paragraph</p>

// Exercise
<style>
    div{
        background-color: red;
        height:100px;
        width: 300px;
        


    }
</style>

<div>
    <h1 style="color:white;">Error Makes Clever</h1>
    <p style="color:blue">youtube channel</p>

</div>


<link rel="stylesheet" href="style.css"> 
<h1>Heading</h1>  
<h1>How are you</h1>

<h1 class="one">Heading</h1> <!--class selector-->
<h1 class="two">Paragraph</h1>

<h1 id="one">Heading</h1>    <!--id selector-->
<h1 id="two">Paragraph</h1>

<style>
    h1{
        background-color:black;
        color:yellow;
        padding:30px;
        text-align:center;
        
        
    }
    div{
        background-color:grey;
        color:black;

    }
</style>


<h1>Error Makes Clever</h1>
<div>
    <p>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam corporis optio explicabo culpa aliquam dolores mollitia neque beatae, et eos?
    </p>
</div>