Cascading Style Sheets (CSS)

Monday May 14, GTC West, Class P20

Presentation Files

This presentation and the accompanying CD and Exercise files are posted online at GortonStudios.com/gtc_west

Look Familiar?

You may note some similarities between this presentation and the California State Template.

Go ahead - deconstruct it - the source is open for you to view!

Right Column

CSS: Yet Another Language (sigh)

The only real downside... but we're going to solve that today (and tomorrow)

  • HTML: <tag attribute="value">Contents</tag>
  • JavaScript: function sayHi ( param ) { alert( param ); }
  • SQL: SELECT id FROM table WHERE something = something
  • NET, Java, PHP, C#, etc.... -- all different
  • CSS:
    • selector { property: value; }
    • h1 { color: red; }
    • h1 { color: red; font-size: 1.3em; }
    • h1 {
         color: red;
          font-size: 1.3em;
          font-face: verdana;
          margin-bottom: 5px;
      }
    • This presentation:
      h1 {
          margin-top: 5px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
          text-align:left;
          text-align:left;
          font-family:Arial,Helvetica,sans-serif;
          font-size:0.8em;
      }
    • Adjust...