Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 46 - 2625 PortGPt V2.1
P. 46

    Where, selector signifies or point 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 the 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 with
                      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 as 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 for a single element. It allows you to create and apply a
                      style on 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 all 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 into 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>

                      44    Premium Edition-VIII

| 41 42 43 44 45 46 47 48 49 50 51 |