introCSS.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 Fundamentals</title>
    
    <style>
        h3
        {
            color: green;
        }
        p
        {
            background-color: bisque;
        }
        #p
        {
            text-align: center;
        }
        h1,h2,h3
        {
            text-align: center;
        }
    </style>
    <link rel="stylesheet" href="introCSS.css">
</head>
<body>
    <h1 style="position:-webkit-sticky; background-color:pink;">InLine CSS</h1>
    <h1>Welcome to css</h1>
    <p style="background-color: yellow;">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quaerat expedita, soluta nesciunt laborum id quis asperiores impedit ipsam debitis perspiciatis excepturi veritatis minus. Dolores assumenda odit, obcaecati quidem voluptas rem.</p>
    <h2 style="color: blueviolet;">New Paragraph</h2>
    <p style="font-size:large;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint non nesciunt sunt dicta quos voluptatibus est rem nam, laborum, eligendi vel commodi minus, officiis ipsum neque aliquid illum! Harum dolor aspernatur, non corporis possimus nulla excepturi nihil necessitatibus facilis quas illum delectus alias
         dignissimos reprehenderit odio ipsum, doloremque laboriosam repellendus?</p>
    <h3>Internal CSS</h3>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga quis optio minima obcaecati perferendis, 
            quod, sed vitae commodi eos dolorem, officia quo?</p>
    <h2>External CSS</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed eligendi accusamus fugit temporibus vel assumenda aperiam deserunt fugiat nisi reiciendis, 
        laborum sapiente fuga laboriosam debitis? Ut possimus ex neque laboriosam?</p>
    <h1 id="h1">id selector</h1>
    <p id="p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum est perferendis dolores quam, expedita consectetur quidem. Voluptas corrupti 
        minus quod, deserunt, aut, officia ducimus odio eos dicta pariatur iure qui!</p>
        <p class="p1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Error, dolorum?</p>
        <article class="p1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, maxime?</article>
    <h1>hiii</h1>
    <h2>hiii</h2>
    <h3>hiii</h3>
    
</body>
</html>