CIS 50.11 - CSS


Ian Cassidy - Section 5407

IC logo

lessons: 2/3 :: 4 :: 5/6 :: 7 :: 8 :: 9/10 :: 11 :: 12 :: 13 :: 14/16 :: final

Lesson 2/3 - CSS Basics

Live Page = Live Site

Live CSS = Live CSS

Cascade Sampler
cascade.css file

Selector Sampler

Lesson 4 - Font and Text Properties

* relative.php
* relative-big.php
* relative-sm.php
* fixed.php
* fixed-small.php

Vertical Align Text sampler

@font-face using google and local fonts

text shadow sampler

live site with font and text properties
css file

I have used the following font and text properties ................

3 different text decoration changes on the links with a none for a:link, underline on a:hover, and a:active blink.
Padding on the paragraphs and underlines on the p strong tags.
Change in h1/h2 font-size, font family, and word spacing.
h2 transparency change with the rgba, change in borders, padding, and margin.
h1 padding and text-shadow, along with color.
dang...i changed a lot.

Lesson 5/6 - Position Properties

Box Property sampler

Position Property - static
Position Property - relative
Position Property - absolute
Position Property - fixed

Image Gallery sampler

Live site with div tags colorized

Live site with box properties
Live css file

Lesson 7 - Background Properties

Border Radius Sampler

Box Shadow Sampler

Gradient Sampler

Multiple Background Project

Lesson 8 - There was a Midterm Storm Here!

Lesson 9/10 - Layout Part 1 and 2

2 column layout fixed
2 column layout fixed right
2 column layout fluid
2 column layout fluid right

3 column fixed
3 column fluid
3 column fluid center
3 column fluid faux style

Lesson 11 - Layout Part 3

2 column Absolute

3 column absolute

3 column wit header

order of content

lessons: 2/3 :: 4 :: 5/6 :: 7 :: 8 :: 9/10 :: 11 :: 12 :: 13 :: 14/16 :: final