CSS

Cascading StyleSheets



Cascading 
The process of filtering down from general rules

"trapsgewijs"

because HTML is ugly

Check out the power of CSS

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
      • Background image source
  • Block positioning

Try it out yourself!


Go to:

and start at CSS: An Overview

Web workshop: CSS

By iamdecode

Web workshop: CSS

  • 33