CIS 50.11C - Cascading Style Sheets
Here is a link to the table based page
Here is the page with the tables, javascript stripped out of it. old code
Here is the page after code has been modified to pass XHTML validation clean code
Live Lesson with external style sheet added
CSS file for Live Lesson which includes a multiple selector
Cascade Sampler
Cascade Sampler CSS file
Create the following files to illustrate how to stretch and shrink fonts
Vertical Alignment Text Sampler
Live site with font and text properties
Position Property Sample Page - Static
Position Property Sample Page - Relative
Position Property Sample Page - Absolute
Position Property Sample Page - Fixed
Live Site with <div> tags colorized
Live Site with position properties
post your commentws to the class message board
2 column layout using absolute positioning
3 column layout using absolute positioning
3 column with header and footer using float and clear
3 fixed columns with a background image, so the 3 columns go down the entire length of the columns.
The"live site" with a background image (fixed or fluid your choice).
live site with centering trick
CSS file that controls live site
CSS file that controls live site
Final Part 1 - Div Tags Explained (HTML file)
Final Part 1 - Div Tags Explained (CSS file)
Final Part 3 - Images Explained
Final Part 4 - Change Existing CSS - Modified HTML FIle
Final Part 4 - Change Existing CSS - Modified CSS FIle
