CSS 3 Homework Page

CS 50.11C - Cascading Style Sheets

Lloyd Kenneth - Section 5407

luno@infostations.com

portrait of Lloyd Kenneth

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

Lesson 2/3 - CSS Basics

“Live Page” with external style sheet added
Live CSS file — include a multiple and contextual selector

Cascade Sampler
cascade.css file

Selector Sampler

Lesson 4 - Font and Text Properties

Live site with font and text properties applied. The properties I used include font-family, text-transform, font-weight, font-size, letter-spacing, font-variant, and word-spacing.

Relative
Relative-Big
Relative Small
Fixed
Fixed Small

@font-face Using Google and Local Fonts

Vertical Alignment

Text Shadow Sampler

Lesson 5/6 - Position Properties

Live site with <div> tags colorized
Live site with box properties

Box Property Sampler

Position-Static
Position-Relative
Position-Absolute
Position-Fixed

Image Gallery

Lesson 7 - Backgrounds

Border Radius Sampler
Box Shadow Sampler
Gradient Sampler

Multiple Background Project

Lesson 8 - Midterm

Live Site With Either Drop-Down, Vertical or Sliding Door Navigation

Final

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

CSS 3 Homework Page

CS 50.11C - Cascading Style Sheets

Lloyd Kenneth - Section 5407

luno@infostations.com

Lesson 2/3 - CSS Basics

Lesson 4 - Font and Text Properties

Lesson 5/6 - Position Properties

Lesson 7 - Backgrounds

Lesson 8 - Midterm

Lesson 9/10 - Layout Part 1 and 2

Lesson 11 - Layout Part 3

Lesson 12 - Layout Part 4

Lesson 13 - Tables and Forms

Lesson 14/16 - Navigation

Final