CSS

What does it stand for? Cascading Style Sheet

What is it? Series of rules that we apply to web pages to give it style and have control over its layout Some things we can control with CSS are colours, borders, backgrounds, positioning, etc.

How do we use it? By including a style attribute in the tag to be styled For example: Content

What’s the format? The format is as follows: Property name: Property Value;

Give me an example Content

What about adding other styles? No problem! Just add a new property and its value following the last semi-colon Here’s an example: Content

How do we know what properties exist? Easy, the world wide web has loads of information on CSS style properties and their possible values. A good reference can be found at:

What are other possible values for a property? Again, you can find your answers by looking at sites with info on CSS At the site listed in the previous slide, do some research and find out what other values you can assign to the border-style property. See next slide for all the possibilities!

none - no border. dotted - A series of dots (IE will display this as dashes if the border width is one pixel). dashed - A series of dashes. solid - A solid line. double - Two solid lines. groove - Patterned border that is supposed to represent a carved groove (opposite of ridge). Renders differently in different browsers. ridge - Patterned border that is supposed to represent an embossed ridge (opposite of groove). Renders differently in different browsers. inset - Patterned border that is supposed to represent an inset depression (opposite of outset). Renders differently in different browsers. outset - Patterned border that is supposed to represent an outset extrusion (opposite of inset). Renders differently in different browsers. hidden - Used with tables. Same as "none", except where there are conflicting borders. Not supported by IE. border-style can have: – one value, such as solid, to specify the style of the entire border – two values, such as solid dotted, to specify the style of top/bottom (first value) and right/left (second value) borders – three values, such as solid dotted dashed, to specify the style of top (first value), right/left (second value) and bottom (third value) borders – or four values, such as solid dotted dashed groove, to specify the style of top, right, bottom and left borders respectively