Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 75 - 2629_Devagiri_C-7
P. 75

    The components of the CSS syntax are as follows:

                         Selector: This identifies the HTML element for CSS rules. Selectors can be grouped with commas
                        to style multiple tags. For example:

                       H1, H2, P {

                       COLOR: GREEN;

                       }
                        The above code snippet will change the text colour of all <H1>, <H2> and <P> elements to green.

                         Property: A property defines the style to apply, such as COLOR, FONT-SIZE or BACKGROUND-
                        COLOR.

                         Value: This is the setting or value assigned to the property. This could be a colour, size, position,
                        etc. For example, RED, 16PX, CENTER. Each property has its own valid set of values.

                         Declaration: This is a combination of a property and its value, written in the format property:
                        value;. For example: {COLOR: BLUE;}

                         Declaration Block: It is a set of one or more declarations enclosed in curly braces {}. Multiple
                        declarations inside the block are separated by semicolons. For example: {COLOR: RED;

                        FONT-SIZE: 16PX;}
                     For example:

                                                Property   Value         Property       Value
                                                                                                    Declaration
                               Selector    H1 {COLOR: RED; TEXT-ALIGN: CENTER;}                        Block

                                                   Declaration                 Declaration

                     So, when this code runs, all <H1> headings will appear red and centered on the page.

                            TYPES OF CSS

                     There are three main ways to add CSS to your web page:

                         Inline CSS
                         Internal CSS

                         External CSS

                     INLINE CSS
                     An Inline CSS 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.

                                                                                                                      73
                                                                                                    CSS3–Styling Basics

| 70 71 72 73 74 75 76 77 78 79 80 |