tutorial-5.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS SELECTORS</title>
    <style>
        h2{
            color:darkblue;
            text-align: center;
        }
        .item{
            border: 2px solid darkgreen;
            color: goldenrod;
        }
        div p{
            border: 2px solid red;
            color: blue;
            font-size: medium;
            font-style: italic;
        }
        footer{
            background-color: bisque;
        }
    </style>
</head>
<body>
    <h2>CSS SELECTORS</h2>
    <p style="border: 2px solid black; color: crimson;">This is paragraph to demostrate CSS Selectors</p>
    <p class="item">This is another paragraph to demonstrate CSS Selectors</p>
    <div>
        <p>
            This is paragraph inside div. This Tutorial is also about developer tools.
        </p>
    </div>

    <footer>
        This is footer
    </footer>
</body>
</html>