Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 122 - 2612 Digimind C6
P. 122

    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, Justified      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 inline CSS, internal CSS and external CSS.

                      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. For Example:
                      <!DOCTYPE HTML>
                      <HTML>
                      <HEAD>                                          Primary language for webpage designing

                      <STYLE>
                      H1 {COLOR:RED;}
                      H2 {COLOR:GREEN;}
                      </STYLE>
                      </HEAD>
                      <BODY>
                      <H1>This is a heading level 1 (H1)</H1>
                      <H2>This is a heading level 2 (H2)</H2>
                      </BODY>
                      </HTML>
                      This code will display the H1 heading in red and H2 in green colour on the webpage.

                      120   Premium Edition-VI

| 117 118 119 120 121 122 123 124 125 126 127 |