IS 337: Website Administration

Lecture for September 22: CSS

+
-

Topics

Missed!

<a> attributes
- title
- rel="nofollow"
Link checker

Layers of a Web Document

Three separate layers of a web document:
1. content layer (HTML, images, Flash—logical formatting)
2. presentation layer (CSS, browser, plug-ins—physical formatting)
3. behavior layer (JavaScript)

CSS (Cascading Style Sheets)

Version: CSS 2 (really CSS 2.1) since 1998; CSS 3 in progress
Linking CSS to a web document
- inline styling: using style attribute
- document level: in <style> tag in <head>
- external stylesheet: link to separate style sheet with <link> tag
Terminology: properties, values
Colors and backgrounds
- background-color, background-image, background
- color
Specifying colors
- color keywords
- Hexadecimal format: #rrggbb, #rgb
- Decimal format: rgb(r, g, b), rgb(r%, g%, b%)
Typographical properties

Readings and Resources

Quick Written Assignment for Next Time

Consider, again, the document from QWA 9-12. Consider just the quote (inside the <blockquote>). Rewrite that HTML using only <span> tags and the style attribute instead of the <em> and <strong> tags. Also, give the italicized text a blue background.

© 2007 Calvin College and Jeremy D. Frens.
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.