CIS 50.11C - Cascading Style Sheets
lessons: 2 :: 3/4 :: 5 :: 6/7 :: 8 :: 9/10 :: 11 :: 12 :: 13 :: 14/16 :: final
"Live lesson" with external
style sheet added
bus-web.css file - include a multiple 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
Position Property -
static
Position Property
- relative
Position Property
- absolute
Position Property -
fixed
Live site with <div> tags colorized
live site with box properties
css file
border radius sampler
box shadow sampler
gradient sampler
multiple background project
post your comments to the class message board
2 column fixed
2 column flxed right
2 column fluid
1 column fluid
3 column fixed
3 column fluid
3 column fluid center
2 column absolute
3 column absolute
3 column with header
order of content
(please note I have 4 examples on my homework page, you are required to produce only 3)
live site - 2 column fixed
live site - 2 colukmn fluid
live site 3 - column fixed
live site - 3 column fluid
table sampler
styled form
simple horizontal navigation
links that display an image that has 4 states
horizontal navigation bar with 3 levels of drop down navigation.
vertical navigation
sliding door navigation
live site with either drop down, vertical or sliding door navigation.
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