4.11 Creating Stylesheets using website authoring software

CSS stands for cascading stylesheets

The presentation layer of the web design development process defines the look of a webpages through the creation of CSS that can be applied to one or any number of webpages. If you are creating only 1 pages of webpage than the style, fonts, colours and background can be set within the website authoring software. But if you create more than a pages, CSS would be useful to set up all of the webpages all the same fonts, backgrounds and colours.

CSS Style	Example	Description
Body	body {font-family: Arial , Helvetica , sans-serif; font-size: 12px; background: #FF0; font-style:italic; }	The main text will use the Arial font family, be white, 12 pixels high and italics. The background of the page will be yellow.
Table	table, th, td {width: 50%; text-align: center; border: 1px solid #000; padding: 0px border-spacing: 0px }	Any table will be 50% of the screen width with a solid black border with no padding or spacing.Including the th and td tags means the styling will be applied to the heading and data rows of any table.

Attaching a new CSS file to an existing page

Having created a new CSS file,it can now be attached to an existing webpage by selecting Format from the main menu followed by CSS styles and Attach Style Sheet.