Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML/CSS Hyper Text Markup Language. CSS Cascading Style Sheets.

Similar presentations


Presentation on theme: "HTML/CSS Hyper Text Markup Language. CSS Cascading Style Sheets."— Presentation transcript:

1 HTML/CSS Hyper Text Markup Language

2 CSS Cascading Style Sheets

3 CSS Syntax P {font-size:12px; background-color: white;} Selector: p Declaration: font-size:12px; Declaration: background-color: white; Property: color Value: white

4 CSS Example body { background-color: grey; } H2 { color: red; } P { font-size: 24px; }

5 CSS Comments body { /* This is a comment */ background-color: grey; }

6 CSS Selectors Element Selectors body { background-color: grey; } id Selectors #nav { color: red; }

7 CSS Selectors class Selectors.my-class { font-size: 24px; }

8 CSS Group Selectors h2 { background-color: grey; color: blue; } p { background-color: grey; color: blue; } H2, p { background-color: grey; color: blue; }

9 CSS How to Use Inline Styles: Paragraph text. Internal Style Sheet: h2 { background-color: grey; color: blue; }

10 CSS How to Use External Style Sheet: Style.css(contents) h2 { background-color: grey; color: blue; }

11 CSS Backgrounds background-color: grey; background-image: url(“sample-image.jpg"); background-repeat: repeat-x, repeat y, no-repeat;

12 CSS Text decoration P { color: blue; text-align: center; text-align: justify; text-align: right; text-decoration: overline; text-decoration: underline; text-decoration: line-through; }

13 CSS Text decoration P { text-transform: uppercase; text-transform: lowercase; text-transform: capitalize; }

14 Reference W3schools.com


Download ppt "HTML/CSS Hyper Text Markup Language. CSS Cascading Style Sheets."

Similar presentations


Ads by Google