CSS Example Page

This is an example html page. The following content is text taken from lecture 3 slides.

Introducing CSS

CSS - Cascading Style Sheets.

It’s a way to divide the content from the visual style of the web pages. With plain HTML you define the colours and sizes of text with HTML tags within your page.

With CSS you define the colours and sizes in "styles". Then as you write your documents you refer to the styles. Then if you change the style it will change the look of your entire page.

CSS Advantages

• Define the look of your pages in one place
• Easily change the look of your pages
• Define font sizes and similar attributes
• Position the content of your pages
• Redefine entire HTML tags.
• Define customized styles for links
• Define layers
• Faster loading

Selectors

Selectors are the names that you give to your different styles. In the style definition you define how each selector should work (font, color etc.). Then, in the body of your pages, you refer to these selectors to activate the styles.

Colors in HTML

There are 16 color names that you can use in your HTML: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. If you want to use other colors, you must specify their HEX value.