My Homework Page
CS 50.11C Cascading Style Sheets
Talisha Melluish - #1385
Lessons
Assignment 2/3 |
Assignment 4 |
Assignment 5/6 |
Assignment 7 |
Assignment 8 |
Assignment 9/10 |
Assignment 11 |
Assignment 12 |
Assignment 13 |
Assignment 14/15 |
Final
Lesson 2/3 - CSS Basics
Selector Sampler
Lesson 4 - Font & Text
live site with font and text properties applied
the properties I used are:
- font-size
- font-weight
- letter-spacing
- text-decoration
- text-align
- text-transform
- word-spacing
live.css file
relative file
relative big
relative small
fixed file
fixed small
vertical alignment
@font-face using google and local fonts
text shadow sampler
Lesson 5/6 - Position Properties
live site with <div> tags colorized
Live site with box properties
Live CSS file
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
Lesson 9/10 - Layout part 1 & 2
2 column fixed
2 column fixed right
2 column fluid
1 column fluid
3 column fixed
3 column fluid
3 column fluid center
Lesson 11 - Layout part 3
2 column absolute
3 column absolute
3 column with header
order of content
Lesson 12 - CSS Layout Properties
live site - 2 column fluid
live site - 2 column fixed
live site - 3 column fluid
live site - 3 column fixed
Lesson 13 - Tables & Forms
table sampler
styled form
Lesson 14/15 Navigation
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
Final
link to original design
link to design with div tags colorized, color key of div tags, explanation of how they fit together
css explained
images explained
modified design
