Page 106 - iPro_trackGPT_V5_Class6
P. 106

Where, selector refers to an HTML tag to which a style will be applied like <BODY>. The property1
                  is a property of CSS that can be used to create a style and value1 is the valid value of the property.
                  A semicolon should be used at the end of the property-value if more than one property is used.
                  However, you can skip the semicolon if only one property is used.

                  All the properties and their values are enclosed within curly braces. For example, if you want to
                  create a style that fills a background colour in a web page, then you need to use the background-
                  color property of CSS in the following manner:
                  body {background-color:green}
                  In the preceding code, body signifies the <BODY> tag, background-color is the property and

                  green is the value of property that will change the background colour of the web page to green.
                  Using CSS Style

                  There are three ways to use the CSS styles in HTML document which are:
                      Inline style sheet
                      Internal Style Sheet

                      External Style Sheet
                  Inline Style Sheet

                  An inline style is used to apply a unique style to a single element. It allows you to create and
                  apply a style directly to the element. Syntax to create an inline style is:

                  <element style = “property1:value1; property2:value2; … ….”>
                  Where, element is any valid HTML tag and the style is the global attribute of HTML used by all

                  the tags of HTML. The style attribute contains the CSS properties and their values within double
                  quotes. For example:
                  <body style=”background-color:green; color:white”>

                  Text in white colour
                  </body>
                  Internal Style Sheet

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

                  <head>

                  <style>
                  body{background-color:green; color:white;}
                  </style>

                  </head>

                  <body>
                  Text in white colour
                  </body>


                   104     TrackGPT iPRO (V5.0)-VI
   101   102   103   104   105   106   107   108   109   110   111