open http://127.0.0.1:1234/
- color & contrast
- white space
- visual hierarchy
- complexity cs simplicity
- consistency
- scale
- css selectors
- css properties
- css values
- css units:
css-property: valu e{unit}
- absolute: mm, cm, px, in, pt, pc
- relative: %, em, rm, vw, vh, vmin, vmax
- css multiple selectors
- css functions:
- rgba:
background-color: rgba(0,0,0,0.4)
- calc:
margin: calc(2em * 5em)
- ...
- css animations
- animation
- keyframes
transitions between 2 css values
- css media queries
@media only screen and (min-width: 650px) { /* scoped css rules... */ }
- css selectors weight
- by element selector == 1
- by class name selector == 100
- by id selector == 1000