Css 2010

Adding Cascading Style Sheets (CSS) to XHTML Documents

[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],For readability the declarations are often written on separate lines

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Links CSS file Browser view example1.css

mystyles.css browser view Link to CSS If the CSS file was in a separate folder then href=“../css/mystyles”

[object Object],act_styles.css Browser view of Act1_Q2.html with CSS attached

[object Object],act_styles.css Browser view of Act2_Q1.html with CSS attached shown next slide Add these }

Browser view of Act2_Q1.html with CSS

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

act_styles.css with the class style added

This paragraph will be centered

[object Object],This code applies the class style to one paragraph and not the other.

[object Object],[object Object],class set to img_right

[object Object],[object Object],[object Object],[object Object],Do not start an id name with a number (won’t work in firefox)

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],Browser view

This would suggest that all paragraphs would be blue, Times New Roman and 0.8em in size But on the next slide you will see that an internal style says that paragraphs will be red, ariel and 1.2em But the first paragraph has an inline style that says that paragraphs will be Times and purple. (because the size isn’t specified it will take the size on the internal style (1.2 em)

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],link_style.css They must be specified in this order

[object Object],link_styles.css

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object]

If you have completed Activities 7-9 and Lab 2 then complete the CSS tutorial & quiz at the following site http://www.w3schools.com/css/default.asp

Css 2010

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (18)

En vedette

En vedette (11)

Similaire à Css 2010

Similaire à Css 2010 (20)

Dernier

Dernier (20)

Css 2010