CIS 50.11C - Cascading Style Sheets
lessons: 2/3 :: 4 :: 5/6 :: 7 :: 8 :: 9/10 :: 11 :: 12 :: 13 :: 14 :: 15/16 :: final
Link to live page :: link to live css file
"Live page" with external
style sheet added
live.css file - include a multiple and contextual selector
Cascade Sampler
cascade.css file
Create the following files to illustrate how to stretch and shrink fonts
relative file
relative big
relative small
fixed file
fixed small
@font-face using google and local fonts
live site with font and
text properties
css file
I have used the following font and text properties:
body: font family, color
hi, h2: relative font-size, text-transform
p strong: font-variant, relative font-size
ul: text-indent, line-height
live site with <div> tags colorized
position-static
position-relative
position-absolute
position-fixed
3 column fixed (uses Aslett and faux column image)
(please note I have 4 examples on my homework page, you are required to produce only 3)
live site 3 - column fixed
Page with links that display an image that has 4 states
background image:
Horizontal navigation bar with drop down navigation, pop out navigation, and second level pop out navigation (for a total of 4 levels of navigation).
Live site: Look under calendar link in left column for my vertical pop out navigation.
link to original design : 68-ballade
link to design with div tags colorized, color key of div tags, explanation of how they fit together.
