| SELECTORS | |
|---|---|
| .class | Selects all elements with class="class" |
| #id | Selects all elements with id="id" |
| * | Selects all elements |
| div p | Selects all p elements inside div elements |
| div>p | Selects all p elements that are direct children of div elements |
| [target] | Selects all elements that have a target attribute |
| [target="_blank"] | Selects all elements that have a target attribute set to "_blank" |
| :first-child | Selects every p element that is the first child of its parent (p:first-child). Also includes :last-child. |
| :first-of-type | Selects the first element of a certain type (p:first-of-type). Also includes :last-of-type. |
| :hover | Selects all elements that are being hovered over. |
| ESSENTIALS | |
|---|---|
| background | background-image, -position, -size, -repeat, -attachment, -origin, -clip, -color |
| border | border-width, -style, -color |
| margin | margin-top, -right, -bottom, -left |
| padding | padding-top, -right, -bottom, -left |
| display | block | inline-block | inline | none |
| width | auto | % | length |
| height | px | % | em | auto |
| font-family | family-name, generic-family, inherit |
| font-size | px | % | em | inherit |
| color | HEX | inherit |
| opacity | decimal | inherit |
| position | static | absolute | relative |
| float | left | right | none |
| z-index | auto | integer |