lecture14

lecture14 - PIC 40A Lecture 14: CSS: Box Model, Display,...

Info iconThis preview shows pages 1–6. Sign up to view the full content.

View Full Document Right Arrow Icon
PIC 40A Lecture 14: CSS: Box Model, Display, Positioning, List, and Table Properties
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
List CSS Properties list-style-image –va l : eg url(star.jpg) list-style-type –va l : disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha upper-alpha list-style-position
Background image of page 2
Table CSS Properties caption-side (for caption elements) –va l : top , bottom table-layout –va l : auto , fixed , border-collapse –va l : collapse , separate border-spacing – 2 values: horizontal, then vertical
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
CSS table-layout values auto (default) – Column width set by the widest unbreakable content in the cells – Slow since it needs to read through all table content before determining the final layout fixed – Horizontal layout only depends on the width of the table and columns, not the contents of the cells – Faster than automatic layout since the browser can start displaying the table after first row has been received
Background image of page 4
CSS Box Model This is the anatomy of an element's appearance Border Padding Content height width Margin
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 6
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 17

lecture14 - PIC 40A Lecture 14: CSS: Box Model, Display,...

This preview shows document pages 1 - 6. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online