Presentation is loading. Please wait.

Presentation is loading. Please wait.

CSS. What does it stand for? ___________________.

Similar presentations


Presentation on theme: "CSS. What does it stand for? ___________________."— Presentation transcript:

1 CSS

2 What does it stand for? ___________________

3 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 colors, backgrounds, borders, etc..

4 How do we use it? By including a Style Attribute in the tag to be styled For example: text here

5

6 What’s the format? The format is as follows: PROPERTY NAME:PROPERTY VALUE;

7 Give me an example CONTENT

8

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

10

11 How do we know what properties exist? Easy, the ___________________ 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 assign to the border-style property. See next slide for all the possibilities!

13 none - no border. ___________________ - A series of dots (IE will display this as dashes if the border width is one pixel). dashed - A series of dashes. ___________________ - 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? ___________________."

Similar presentations


Ads by Google