CS 50.11C - Cascading Style Sheets
Live Site with external
style sheet added
live.css file - include a multiple and contextual selector
Cascade Sampler
cascade.css file
Live Site with font and text properties applied
live.css file
The properties I used are:
Line-height - 130% (to make the text easier to read)
Text-align - center (navigation bars)
Margin - margin-left at .5em (to add a little more space from the side of the browser)
Text-decoration - border-off (used an ID to turn off the border on the images on the page that are links)
Letter-spacing - .1em to add a little more room between the letters in H1, b and strong
Font-family - changed to
Verdana, Geneva, sans-serif
Font-size - changed to relative sizing for the body and H1 tags so they more closely match each others sizing
relative file
relative big
relative small
fixed file
fixed small
@font-face using google and local fonts
position-static
position-relative
position-absolute
position-fixed
(please note I have 4 examples on my homework page, you are required to produce only 3)
live site - 2 column fixed CSS page
live site - 2 column fluid CSS
live site 3 column fixed CSS page
live site - 3 column fluid
links that display an image that has 4 states
horizontal navigation bar with 3 levels of drop down navigation
live site with horizontal drop down navigation
link to design with div tags colorized, color key of div tags, explanation of how they fit together.
