Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 52 - ClickGPT V4.0 C-5
P. 52

    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>

                     50     Premium Edition-V

| 47 48 49 50 51 52 53 54 55 56 57 |