Lesson 2/3 - CSS Basics
Link to live page :: link to live css file
- "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
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
- 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 …………….
- Font-size for h1, h2, h3, p, strong, and body are relative.
- Added the font-family "Neuton" to the body of the page utilizing google fonts.
- Added the font-family "Tangerine" to a p tag under "to do items" utilizing font squirrel.
- Added transparent drop shadow text to the h1 tag.
- Added a raised span to "teamwork guidelines" under "Team Meetings".
- Added sup to the percentage symbol under "Project Manager".
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
Lesson 8 - Midterm
Lesson 9 - IE / Browser Simulators
NO LONGER NEEDED
Lesson 10/11- Layout part 1 and 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 12 - Layout part 3
Lesson 13 - Layout part 4
Lesson 14 - Tables and Forms
Lesson 15/16 - 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.
