Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 17 - 2615_KEC
P. 17

    CSS  comprises  style  rules that  are interpreted  by  the  web browser and then applied  to  the
                     corresponding elements in the HTML webpage.

                     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.

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

                      Text-Align             Left, Right, Center, Justify        Specifies the alignment of the text.

                                                                                 Specifies the font of the text used in the
                      Font-Family            Name of the font
                                                                                 webpage.
                                             Value is given in Pixels. The default   Specifies the font size used in the
                      Font-Size
                                             font size for the text is 16px.     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 for 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.

                                                                                                Learn HTML5 and CSS3  15

| 12 13 14 15 16 17 18 19 20 21 22 |