Page 94 - 2611_SmartGPT Pro V(5.0) C-6

The Internet has many websites with colourful web pages. You might have wondered how these
pages look so attractive and well-arranged. This is because of CSS, which is used to style and
design HTML pages.

INTRODUCING CSS

CSS stands for Cascading Style Sheets. It can change the colour, font, size and layout of elements
to make a web page more engaging. CSS makes a web page look more appealing.

ADVANTAGES OF CSS
The advantages of CSS are as follows:

CSS improves performance by separating design, reducing code and speeding load times.

The same style can be reused across pages, simplifying updates and management.

CSS enables advanced styling like gradients, shadows and animations beyond plain HTML.

CSS ensures consistent display across devices and operating systems.
CSS eliminates the need to repeat code in every HTML tag, saving development time.

SYNTAX OF CSS

In CSS, you apply a rule or styling to an HTML element. It consists of the selector, property and

value. The general syntax of CSS is:

SELECTOR { To view the source
Short key
PROPERTY: VALUE; of a web page:
... Ctrl + U

}
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.

92 Computer Science (V5.0)-VI