Page 114 - CodePilot V5.0 C6

BRIDGE BACK
1. Have you ever visited a website that looked highly professional?

2. Which things do you think made its design stand out?

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.

Most of the original HTML attributes, such as BGCOLOR, FONT or ALIGN, are now deprecated.
You should avoid using them in modern web design. It’s a better idea to use CSS as an
alternative to style your content.

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: SHORT SIGN

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

}

112
CodePilot (V5.0)-VI