Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 40 - 2607_Trackpad_Pro_5.1_flipbook_C6
P. 40

    STYLING HTML5 DOCUMENTS WITH CASCADING STYLE SHEETS

                      CSS (Cascading Style Sheets) is a language used to describe how HTML documents should look and
                      be formatted. The latest version of CSS is CSS 3. Earlier, CSS 2 was used. CSS comprises style rules
                      that are interpreted by the web browser and then applied to the corresponding elements in the HTML
                      web page. CSS is the language that describes the look and formatting of a document written in HTML.

                      SYNTAX OF CASCADING STYLE SHEET
                      The Cascading Style Sheet has two parts: selector and declaration.

                                             Selector             Declaration
                                                HI      { Color : Blue; Font-Size : 12px; }

                                                          Property  Value   Property     Value

                      The selector specifies the element to which we want to apply the formatting and the declaration
                      specifies the formatting to the selector.

                         The property of CSS is used to create a style.
                         Value is the valid value for the property.
                          A semicolon should be used at the end of the property-value pair if more than one property is used.

                      Some of the properties and their values of CSS are given below:

                            Property                   Value                              Description

                       Background-Color       Name of the colour        Specifies background colour.

                       Color                  Name of the colour        Specifies the text colour used in the webpage.

                      The three ways to use CSS in HTML documents are described below:

                      INLINE CSS
                      An inline style is used to apply a unique style to a single element. Inline styles are added directly to
                      an HTML tag by using the STYLE attribute with the tag. Syntax to use the style attribute with a tag:

                                                  <TAGNAME STYLE = “PROPERTY:VALUE;”>

                      For Example:
                      <BODY STYLE=”BACKGROUND-COLOR:RED; COLOR:RED”>
                      TEXT IN RED COLOUR
                      </BODY>

                      INTERNAL CSS

                      Internal CSS allows us to define the style for a single HTML page. It is defined using the <STYLE> tag
                      in the head section of the HTML page.

                       38   Premium Edition-VI

| 35 36 37 38 39 40 41 42 43 44 45 |