Page 62 - Touchpad_Plus_V3.2_Class 6
P. 62

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>

                  External Style Sheet

                  In case of external stylesheet, the CSS styles are written in a separate file which is saved with
                  .css extension. You need to include a reference to the external style sheet file within the <LINK>
                  element inside the <HEAD> element. Syntax to include the reference of the external stylesheet
                  is:

                  <head>
                  <link rel="stylesheet" type="text/css" href="name of style sheet file">
                  </head>
                  Where, HREF attribute contains the path of the stylesheet. For example, if you have saved the file
                  with the styles as style.css, then the code will be:

                  <head>
                  <link rel="stylesheet" type="text/css" href="style.css">

                  </head>
                  If the file is saved in another location, you must provide the complete drive path of the stylesheet.
                  Let us create a web page using the external style sheet. The first step is to create a stylesheet file.
                  Open Notepad and type the following code:
                  body{background-color:green; color:white;}






               60       Plus (Ver. 3.2)-VI
   57   58   59   60   61   62   63   64   65   66   67