Welcome to Internal CSS ✨

The internal style sheet is used to add a unique style for a single document. It is defined in <head> section of the HTML page inside the <style> tag.

CSS Style Code applied to Header

        <style>
            body{
                background-color: pink;
            }
    
            h1 {
                padding-left:30%;
                font-size:30pt;
                background-color:deeppink;
                color:aliceblue;
            }
    
            h2 {
                color: deeppink;
            }
    
            p {
                color: aliceblue;
            }
    
            hr {
                border-top: 3px dashed deeppink;
            }
        </style>

Disadvantages of Inline CSS

If we have 25 HTML pages,all the pages should have their own styles defined in each file even though they use same styling