CSS

Table of Contents

• Cascade and Inheritance
  • Some Basic Definitions
  • CSS Inheritance
  • CSS Cascade
• Selectors
  • Basic Terms
  • Class Selectors
  • Universal Selectors
  • ID Selectors
  • attribute selectors
  • Pseudo-Class and Pseudo-Elements
• CSS Properties
  • The position property
• The Box Model
  • The display property
  • The writing-mode property

CSS Values and Units

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units

auto

fill the available extra space

pixel units (32px)

Absolute length

percent units (23%)

percent of Parent’s size. for fonts, % units behave like em units

view width/height (vw, vh units)

percent of the viewport, rather than an element’s parent

em

relative to parent font pixel font size. useful for scaling icons with respect to adjacent font sizes

rem

relative to the root font size

fractional units (fr):

can be used Grid and Flow display modes (containers) to size elements with respect to each others