General Syntax

Selector { Ruleset } with ruleset generally written as : property: value;, remember the semicolon(;)!

Example :

h1 {
 color: blue;
}

Embedding CSS

• Inline : <h1 style="color:blue;">, no need to use selector for this
• Internal : Using <style>...</style>
• External : <link rel="stylesheet" href="style.css">

Useful for Pros

The Almighty Border Box

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

Normalize.css

https://github.com/necolas/normalize.css

Hierarchy Operators

Given a and b as general element/selector

• https://stackoverflow.com/questions/7327326/what-is-the-difference-between-before-and-before

@media

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

@media not|only mediatype and (mediafeature and|or|not mediafeature) {
  CSS-Code;
}