CSS - Anton-L-GitHub/Learning GitHub Wiki

Selectors

ID
Är ett spesifikt element. Metafor (En person (class) kan ha ett personnummer (ID))

Class
Är en grupp element.
Metafor (En person (class) kan ha ett personnummer (ID))

Attribute
Select by attribute.

Type
Select by type of element ex. <p>

Elements

Box Model

När en browser rendrar innehållet på en sida så stoppar den content i en onsynlig liten box.

Content

Blue Själva innehållet

Padding

Green Lägger sig utanför content och parent

Border

Yellow Ligger utanför padding.

Margin

Mörk beige Ligger mellan elements.

Box model i DevTools

Blue

Block-level Element

• Always starts on new line
• Fills up all the avalible space

Inline Element

• Does not fill upp all the avalibe space.