Page 82 - Modular_V1.1_Flipbook
P. 82

In this case, all the elements of H1 will appear in Blue colour.
                  Element Selector

                  Syntax:       P {

                                TEXT-ALIGN: CENTER;

                                COLOR: RED;
                                }
                  In this case, all the elements of <P> tag will be center-aligned, with red text color.

                      LINK STYLE SHEET

                  There are three ways of inserting or linking a style sheet:
                       External Style Sheet

                       Internal Style Sheet
                       Inline Style
                  External Style Sheet

                  By using ‘External Style Sheet’, look of an entire website can be changed by updating just one
                  CSS file. To do so:

                  Web page must include a reference to the external style sheet file within a <link> element inside
                  the <HEAD> section. Syntax to define LINK in the web page:

                  <HEAD>
                  <LINK REL=“stylesheet” TYPE=“text/css” HREF=“name of style sheet”>
                  </HEAD>
                  Let us create a web page to use the external style sheet.















                                                               Style Sheet








                                                                                                   CSS file
                                                                                                "mystyle.CSS"
                                                                                                is linked here.



                                                        HTML Code


                  80      Touchpad MODULAR (Version 1.1)-IX
   77   78   79   80   81   82   83   84   85   86   87