Page 35 - modular_v2.0_HTML&_CSS_Fb
P. 35

<TITLE>Internal CSS</TITLE>

                 <STYLE>
                 BODY
                 {

                 BACKGROUND-COLOR:CYAN;

                 }
                 H1 {
                 COLOR:RED;                                                     Using Internal CSS

                 MARGIN-LEFT:20PX;
                 }

                 H2 {
                 COLOR:GREEN;

                 MARGIN-LEFT:24PX;
                 }

                 </STYLE>
                 </HEAD>
                 <BODY>

                 <H1> Internal CSS</H1>
                 <H2> Internal CSS refers to the practice of including CSS rules directly
                 within an HTML document, usually in the head tag. </H2>

                 </BODY>
                 </HTML>
                 Inline CSS

                 An Inline CSS is used to apply a unique style for a single element.

                 Syntax: <ELEMENT STYLE ="...STYLE RULES....">
                 <!DOCTYPE HTML>
                 <HTML>
                 <HEAD>
                 <TITLE>Inline Style Sheet</TITLE>

                 </HEAD>
                 <BODY>
                 <H1 STYLE="COLOR:BLUE;MARGIN-LEFT:20PX;"> Inline CSS</H1>

                 <H2 STYLE="COLOR:GREEN;MARGIN-LEFT:30PX;"> Inline CSS refers to the practice
                 of applying CSS styles directly to an individual HTML element using the
                 style attribute.</H2>
                 </BODY>
                 </HTML>
                                                                                                                33
                                                                                        Cascading Style Sheets
   30   31   32   33   34   35   36   37   38   39   40