Page 83 - Modular_V1.1_Flipbook
P. 83

Output
                 Internal Style Sheet

                 CSS design can also be applied into a HTML document by using <STYLE> tag. This tag should be
                 placed inside the <HEAD>...</HEAD> tags. An internal style sheet is commonly used when one
                 web page has a unique style.

                 <HTML>
                 <HEAD>
                 Internal Style Sheet

                 <STYLE>
                 BODY
                 {
                 BACKGROUND-COLOR:cyan;

                 }
                 H1 {COLOR:Red;MARGIN-LEFT:20px;}
                 H2 {COLOR:Green;MARGIN-LEFT:24px;}
                 </STYLE>

                 </HEAD>
                                                                                 Using internal stylesheet
                 <BODY>
                 <H1> Cascading Style Sheet</H1>

                 <H2> Linking Internal Style Sheet </H2>
                 </BODY>
                 </HTML>
                 Inline Style

                 An inline style is used to apply a unique style for a single element.
                 Syntax: <element style = “...style rules....”>

                 <HTML>
                 <HEAD>
                 Inline Style Sheet
                 </HEAD>

                                                                                          Cascading Style Sheets  81
   78   79   80   81   82   83   84   85   86   87   88