programming-course

CSS

CSS syntax

Selectors

• Element selector
• Class selector
• Id selector
• Psedo-class selectors
• Combining multiple selectors (elem.class#id)
• Multiple selectors for each block

Declaration blocks

• Syntax
• Values and units
  • absolute length and size (px, pt, mm, cm, in)
  • relative length and size (em, percentages)
  • colour
• shorthand

Comments and whitespace

Using CSS with HTML

• using style attribute
• using <style> element
• using <link> element

Basic text attributes

• font
• colour
• background
• text alignment

Margin, padding, height, width

• CSS box model

Position, display and layout

Background image

Where using background-image is better than <img/>

Hovering, menu show and hide, transitions

Mobile compatibility

References

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