Cascading StyleSheets
Cascading
The process of filtering down from general rules
"trapsgewijs"
because HTML is ugly

The early days
<font size="12" color="yellow">
Your yellow text.
</font>
Selectors
HTML CSS selector
<a>link</a> a
<a class="highlight">link</a> a.highlight
<a id="introduction">link</a> a#introduction
<li><a>link</a></li> li a
<p> li > a
<a>first link</a>
<div>
<a>second</a>
</div>
</p>
Last 2 methods preferred!
Example time
- Selectors
- Text formatting
- Difference between <b> and font-weight
- Color codes
- Block styling
-
Block positioning
Try it out yourself!
Go to:
and start at CSS: An Overview