Cascading Style Sheets
Cascading
style sheets are global definitions for every design element on
a page. You can control the font size and color, text placement,
background images, color scheme, and more by using a list of definitions
and assigned variables. This does involve some coding so it is
not particularly useful for beginners, but it is a great time saver
for more advanced designers. The entire design of a site can be
changed in just a few steps making new looks or
developing several looks for a client easy.
Try It Out!
The Zen Garden is an entire site is controlled by CSS. Start
here and
see what the basic page looks like. Then click here and
see what CSS can do. Select the options to the right to see how others
used the exact same page to design something completely different.
Now that you understand the amazing abilities of CSS try using it yourself.
The site listed below has a list of a number of items you can control
using CSS. Click on one of the options and a framed window will open.
On the left is the style sheet. You change the properties listed click
the button at the top and see what your chnges did to the page on the
right.
Try it Out! - http://www.w3schools.com/css/css_examples.asp
Here are more websites to help you on your way:
ium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Capsule Story Cras
enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper
eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum
lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero
volutpat euismod. Donec eget lectus vitae ligula
ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. |
Capsule Story Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus
neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit. Sed id mauris. |
Capsule Story Cras
enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum
lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero
volutpat euismod. Donec eget lectus vitae ligula
ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. |
Capsule Story Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus
neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit. Sed id mauris. |
Capsule Story Cras
enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper
eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum
lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero
volutpat euismod. Donec eget lectus vitae ligula
ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. |
Capsule Story Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus
neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit. Sed id mauris. |
On
to next lesson 