>_ Things Lab

Making a Website with HTML/CSS

•Markup

•Parsing

•Rendering

(Visible) Elements for text• Headings, Paragraphs, Whitespaces• Line breaks, Self closing tags• Lists• Emphasis and typography (inline

elements)• Neutral elements: div, span

Links and embedded resources

• Anchors and links• Images and objects• Inline frames• (Nonvisible) link, script, meta

Still can’t get it pretty?CSS to the rescue!

Adding a stylesheet• Inline style• Style element• Link stylesheet• Import linked stylesheet

Selecting elements to style

• ID selectors• Class selectors• Combinators• Cascading and specifity• Pseudo-classes

Most used properties

• Colors: hex and rgb• Length: px, % and em• Borders: width, style and color• Backgrounds: color, image, repeat,

attachment

The box model

Positioning

• Display: inline, block, none• Float• Clear