CIS 50.11C - Cascading Style Sheets
lessons: 2/3 :: 4 :: 5/6 :: 7 :: 8 :: 9/10 :: 11 :: 12 :: 13 :: 14/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.html
*
relative-big.html
*
relative-sm.html
* fixed.html
*
fixed-small.html
@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:
live site with <div> tags colorized
position-static
position-relative
position-absolute
position-fixed
(please note I have 4 examples on my homework page, you are required to produce only 3)
Page with links that display an image in the background that has 4 states (link, visited, hover, active)
background image - 
horizontal navigation bar with 3 levels of drop down navigation.
live site with drop down navigation (lesson numbers pop down and list horizontally under the lesson menu item and the homework menu item).
link to original design
link to design with div tags colorized, color kep of div tags, explanation of how they fit together.
css explained
images explained
modified design
