Presentation is loading. Please wait.

Presentation is loading. Please wait.

CSS. What does it stand for? Cascading Style Sheets.

Similar presentations


Presentation on theme: "CSS. What does it stand for? Cascading Style Sheets."— Presentation transcript:

1 CSS

2 What does it stand for? Cascading Style Sheets

3 What is it? CSS is a method for styling tags

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

5

6 What’s the format? The format is as follows: property:value;

7 Give me an example Content

8

9 What about adding other styles? No problem! Just add to the style attribute Here’s an example: Content

10

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

12 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 assigned to the border-style property. See next slide for all the possibilities!

13 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


Download ppt "CSS. What does it stand for? Cascading Style Sheets."

Similar presentations


Ads by Google