HTML/CSS Hyper Text Markup Language

CSS Cascading Style Sheets

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

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

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

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

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

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

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

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

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

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; }

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

Reference W3schools.com