Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 87 - 2611_SmartGPT Pro V(5.0) C-6
P. 87

    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 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. For Example:
                     <!DOCTYPE HTML>
                     <HTML>
                     <HEAD>
                                                                                     CSS is like the colour and texture
                     <STYLE>
                                                                                    of a flower or leaf, which enhances
                     H1 {COLOR:RED;}
                                                                                         the plant's visual appeal.
                     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.

                                                                                                Learn HTML5 and CSS3  85

| 82 83 84 85 86 87 88 89 90 91 92 |