This PowerPoint helps students to consider the concept of infinity.
card flip
1. More CSS!
Dave Kanter
Academy of Art University
Inside Programming
May 1, 2012
2. Length Units
Can be absolute or relative.
Relative:
em: relative to base font
ex: relative to the height of “x”
px: relative to resolution of device
6. Sizing
Set the base font:
body { font-size: small;}
Then scale:
h1 { font-size : 150%; }
7. Sizing
For instance:
body { font-size: small; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
ul li { font-size: 90%; }
.note { font-size: 85%; }
8. Try it!
Create a page using the stylesheet shown on
the last page.
Create each type of text described in the
stylesheet.
Try changing things around and see what
happens!
What happens when you nest percentages?
9. Float and Clears
You can only float block level elements
div, ol, ul, p, img, etc...
Inline elements don’t float
<i>, <strong>, <span>, <br />, etc...
Float determines how item is positioned
relative to container it’s in.
Can float left or right. Other items will
accommodate themselves to the float.