Page 170 - CA_165_V2.0_Flipbook
P. 170

<element style = "...style rules....">

                  <HTML>
                    <HEAD>
                     <TITLE>
                         Inline Style Sheet

                     </TITLE>
                    </HEAD>

                    <BODY>
                    <H1 style="color: Blue; margin-left: 20px;">
                     Cascading Style Sheet

                    </H1>
                    <H2 style="color: Green; margin-left:30px;">
                     Inline Style Sheet

                    </H2>
                    </BODY>
                  </HTML>


















                  In CSS, you can use Inline, Internal, and External styles all in one web page. In case of conflicts, precedence
                  will be given to Inline CSS over Internal CSS, and Internal CSS will take precedence over External CSS.
                  Inline CSS                   Highest

                  Internal CSS

                  External CSS                 Lowest
                    BACKGROUND COLOR

                  The Background Color property of style sheet is used to change the background colour of an element.
                  Syntax to apply background colour in CSS is as follows:

                    <H1 STYLE="background-color:Name of the Colour;">Text</H1>
                  <HTML>
                  <HEAD>

                    <TITLE>
                     Background color example



                   168   Touchpad Computer Applications-X
   165   166   167   168   169   170   171   172   173   174   175