Tutorial: CSS and Visual Design
Cascading Style Sheets
The Latest HTML Fad!
Cascading Style Sheet Overview
Cascading Style Sheets (CSS) or just style sheets are used to format XHTML content in a visually pleasing manner. They are often used to design the look of today's professional Web sites in a template that can be applied to multiple or all pages in a Web site. There are a number of ways that CSS is used. Use the following links and view the source to get an idea of what CSS is all about:
External Style Sheets
External Style sheets move the style specifications from the head of the HTML file to a separate .css file. The .css file is then linked to the HTML file using the <link> tag. An external style sheet can be applied to multiple documents within a Web site so that the look and feel, or style, of the pages are consist ant. Click the below images to view the effects of external style sheets on an HTML file.
Open the style2 page above by clicking it, and view the source. Note that the HTML is very simple with little formatting commands. The style of the page is applied in one command in the <head>:
<link href="styles/styles_demo_black.css" rel="stylesheet" type="text/css" />
View the style sheet (.css file) at http://service.cs.fsu.edu/CGS3066/assignments/a2/styles/styles_demo_black.css.
Click here for a more dramatic example of the power of CSS.
On Your Own
Learn about how to use cascading style sheets by following the steps below.
When you complete your in dependant study, you should have a solid understanding of the following:
Everything but the kitchen sink at http://www.maxdesign.com.au/presentation/