The Human Factor
|
| ||||
| ||||
|
|
Last time I went into a great tirade about HTML and its various specifications and implementations. If you thought that was bad, wait until you see what I have for you this week. In this, the fifth HTML with Style tutorial, I will introduce you to Cascading Style Sheets, or CSS.
Up to now, I have specified the need for your documents to have a logical structure that is sound and makes sense independent of the context of the document. However, if you're into the Web authoring business, one of your primary concerns is how to make your Web pages look good and attract readers. This can be accomplished through CSS.
This is going to be a very hands-on tutorial, with many examples that you can try out yourself. By the end of this tutorial you'll know how to give simple hints about how your documents will appear on screen. Later on we'll look at how you can also control printing and speech- based rendering of your documents.
It would really make your life easier if you had a browser that supports CSS at your disposal while reading this tutorial. At the time of writing, the most appropriate would be either Microsoft Internet Explorer 4.0 or Netscape Navigator 4.0, or a newer version of either. You can still read this tutorial without one of these browsers, but the in-page examples will not work unless your browser supports CSS.
This week, we'll look at the following topics:
| Page | ||
| 1. | Separate Structure and Presentation | 1 |
| 2. | The STYLE attribute & CSS declarations | 2 |
| 3. | The STYLE element & CSS rule sets | 4 |
| 4. | ID & CLASS selectors, Pseudoclasses | 6 |
| 5. | The DIV and SPAN elements | 9 |
| 6. | External Stylesheets | 10 |
