Client-side
CSS

Parke Godfrey
19 October 2011
CSE-2041

Credits

These slides are based in part on ones from the following sources.

How to style your page?

Style is format and layout.

Separate style and content

Markup is then cleaner, simpler, and easier to maintain.


Goals

What separating style and content buys us

Cascading Style Sheets (CSS)

The Web standards for style directives are style sheets, specifically Cascading Style Sheets (CSS).


Hooks into HTML source

CSS Syntax


See W3School's CSS2 Synatx for the syntax.

See W3 Org's CSS2's Selectors for a guide to more advanced selector syntax.

In general, scan through W3School's CSS3 Tutorial. CSS3 is the newest standard.

How are CSS style sheets attached to a document?


Style can also be marked up in the document itself (in the <body>).

What is cascading about them?