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 Document Right 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 Document Right 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 Document Right Arrow Icon
Image of page 6
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

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