Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 89 - 2620_Birla Open Mind C-6
P. 89

    Viewing a Web Page

                     After creating and saving an HTML document, you need to open it in a web browser to view it. To open
                     an HTML document in a web browser, open the folder in which you have saved the HTML document
                     and double-click it. Web page opens in your default web browser window.

                          INTRODUCING CSS3

                     CSS stands for Cascading Style Sheets. It is used for designing or styling a web page. It handles and
                     describes how an HTML web page will be presented on a web browser. It helps save lot of time as one
                     design layout can be used to make number of web pages. The latest version of CSS is CSS 3. Earlier,
                     CSS 2 was used.
                     CSS comprises of the style rules that are interpreted by the web browser and then applied to the
                     corresponding elements in HTML web page. Syntax to create a style in CSS is:

                     selector{property1:value1; property2:value2; … …}
                     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 is 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 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 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; … ….">

                                                                                          #Introduction to  HTML5 & CSS3  87

| 84 85 86 87 88 89 90 91 92 93 94 |