Product Overview

HTML Utopia: Designing Without Tables Using CSS, 2nd Edition

Index

Symbols

#
hexadecimal string prefix, (Color in CSS)
ID selector symbol, (Selectors and the Structure of CSS Rules)
+ adjacent selector connector, (Selectors and the Structure of CSS Rules)
/* */ comment delimiters, (CSS Comments)
> parent-child selector, (Selectors and the Structure of CSS Rules)

A

<a> elements and skip navigation, (The Content Order Problem)
abbreviated size units, (Expression Measurements)
abbreviations, absolute sizing, (Expression Measurements)
absolute measurements, (Expression Measurements), (Expression Measurements)
font sizes, (The font-size Property), (Positioning the Page Elements), (font-size)
absolute positioning
document flow and, (Adding a Footer)
Footbag Freaks homepage, (Constructing the Layout), (Constructing the Layout)
multi-column, fixed-width layouts, (Multiple-column Fixed-width Layouts)
text, (Positioning the Page Elements)
three-column layout example, (Adding a Third Column)
accessibility
alternate style sheets, (What can CSS Do?), (“Zoom” Layouts)
Braille printers, (At-rules)
pixel sizing and, (Expression Measurements), (The font-size Property)
relative sizing and, (Expression Measurements)
semantic markup and, (Advantages of CSS Design), (“Zoom” Layouts)
tabular layouts and, (Why Most—but Not All—Tables Are Bad)
transparent gifs and, (Why Most—but Not All—Tables Are Bad)
“zoom” layouts, (“Zoom” Layouts)
adjacent selectors, (Selectors and the Structure of CSS Rules)
Adobe Acrobat, (The font-size Property)
Adobe GoLive, (Why Most—but Not All—Tables Are Bad)
Adobe OpenType standard, (Other Font Properties)
align attribute, (Text Alignment as a Design Technique), (Constructing the Layout)
alignment
of headings, (Text Alignment as a Design Technique)
of list items, (Constructing the Layout), (Constructing the Layout), (Adding a Third Column)
of text, (Text Alignment as a Design Technique), (Text Alignment as a Design Technique), (Text Alignment as a Design Technique), (Constructing the Layout)
alphabets, non-Roman
Arabic, (text-kashida-space)
Asian languages, (text-autospace), (text-justify), (text-underline-position)
East Asian, (layout-flow), (layout-grid-type), (writing-mode)
Hebrew, (direction), (unicode-bidi)
alternate style sheets, (What can CSS Do?)
attaching, (“Zoom” Layouts)
semantic markup and, (Advantages of CSS Design)
“zoom” layouts, (“Zoom” Layouts)
alternating table rows, coloring, (Interesting Uses of Color), (The Table)
anchors (see links)
animation
pseudo-class simulation of, (What can CSS Do?)
transitions filters, (filter)
asterisk, universal selector, (Selectors and the Structure of CSS Rules)
at-rules, (Adjusting for Backward Compatibility), (At-rules)
attention-getting color, (Interesting Uses of Color)
attribute selectors, (Selectors and the Structure of CSS Rules)
attributes, terminology and, (Parts of a CSS Rule)
aural style sheets, (Advantages of CSS Design), (Aural Style Sheets)
(see also screen readers)
author images, Footbag Freaks, (Constructing the Layout)

B

background colors, (What can CSS Do?)
background images with, (Background Images)
fixed-width layouts, (Centering the Content Area)
Footbag Freaks web site, (Constructing the Layout)
headings, (Text Alignment as a Design Technique)
highlighting alternate table rows, (Interesting Uses of Color), (The Table)
revealing box model effects, (Positioning the Page Elements), (Positioning the Page Elements), (Positioning the Page Elements)
setting <body> color and, (Color in CSS)
text readability and, (Color in CSS)
background images
fading into background color, (Constructing the Layout)
fixed-width layouts, (Centering the Content Area)
Footbag Freaks link styling, (Constructing the Layout), (Adding a Third Column)
full-height columns using, (Achieving Full-height Columns)
gradient effects, (Constructing the Layout)
revealing with margins, (Constructing the Layout)
background property, CSS, (background)
background-attachment property, CSS, (Background Images), (background-attachment)
background-color property, CSS, (background-color)
block level elements, (What can CSS Do?)
combining with color setting, (Color in CSS)
transparent setting, (Color in CSS)
background-image property, CSS, (Background Images), (background-image)
background-position property, CSS, (background-position), (background-position-x, background-position-y)
placing images, (Background Images), (Achieving Full-height Columns), (The Content)
background-repeat property, CSS, (Background Images), (Achieving Full-height Columns), (The Content), (background-repeat)
backward compatibility, (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
blinking, (Text Decorations)
block level elements
applying background color, (What can CSS Do?)
display property defaults, (Positioning the Page Elements)
positioning context and, (Positioning the Page Elements)
blocking browser access, (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
blog section, Footbag Freaks, (Adding a Third Column)
<body> elements
centering content, (Centering the Content Area)
color settings, (Color in CSS)
inheritance and, (How Inheritance Works in CSS)
bold text, (Other Font Properties), (The Content)
border properties, (border), (border-width)
full-height columns, (Achieving Full-height Columns)
border property, CSS, (Positioning the Page Elements), (Achieving Full-height Columns)
border-collapse property, CSS, (The Table), (border-collapse)
border-color property, CSS, (Positioning the Page Elements), (border-color)
border-style property, CSS, (Positioning the Page Elements), (border-style)
border-width property, CSS, (Positioning the Page Elements), (border-width)
borders
adding to elements, (Advantages of CSS Design)
border properties, (Positioning the Page Elements)
Footbag Freaks header, (Constructing the Layout)
overlining contrasted with, (Text Decorations)
padding and margins compared to, (Positioning the Page Elements)
rounded corners, (-moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright)
table styling, (Interesting Uses of Color)
Box Model, CSS, (Positioning the Page Elements)
boxouts, (Constructing the Layout)
Braille printers, (At-rules)
browser compatibility
backward compatibility, (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
font constants, (The font Shorthand Property)
browser defaults
display styles, (What is CSS, Really?), (list-style-type)
font settings, (Who’s in Charge?)
font sizes, (Expression Measurements), (The font-size Property)
browser preferences, (Who’s in Charge?), (The font-family Property)
browser support
alternate style sheets, (“Zoom” Layouts)
color specifications, (CSS Color Reference)
CSS, (Advantages of CSS Design), (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
CSS properties, (CSS Property Reference)
CSS version 2.1, (Validating your CSS)
CSS, IE6 bugs, (Multiple-column Fixed-width Layouts)
non-supporting browsers, (Adjusting for Backward Compatibility)
pseudo-classes and elements, (What can CSS Do?), (Selectors and the Structure of CSS Rules)
browser window area
centering layouts in, (Fixed-width Layouts), (Centering the Content Area)
padding-right property and, (Positioning the Page Elements)
percentage sizing and, (Positioning the Page Elements)
browser-specific extensions, (CSS Property Reference)
browsers, (CSS in Context), (Selectors and the Structure of CSS Rules), (Expression Measurements), (Adjusting for Backward Compatibility)
(see also Firefox)
(see also Internet Explorer)
(see also Netscape Navigator)
(see also Opera)
absolute font sizes, (The font-size Property)
absolute positioning and consistent rendering, (Adding a Third Column)
DOCTYPE switching, (Keep the Quirks: DOCTYPE Switching)
hiding styling from older, (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
list marker offsets, (Positioning the Page Elements)
Quirks mode, (Keep the Quirks: DOCTYPE Switching)
rendering borders, (Positioning the Page Elements)
rendering listed fonts, (Standard and Nonstandard Font Families)
standards compliance, (Adjusting for Backward Compatibility)
bulleted lists, (Styling Lists with CSS), (Styling Lists with CSS), (Positioning the Page Elements), (Constructing the Layout)
buttons, styling, (Constructing the Layout), (Adding a Third Column)

C

<caption> elements, (The Table)
cascading behavior, (Cascading and Inheritance), (Cascading and Inheritance)
pseudo-classes, (Styling Hyperlinks)
cautions, color coding, (Interesting Uses of Color)
<center> elements, (Text Alignment as a Design Technique)
centered content, (Fixed-width Layouts), (Centering the Content Area)
centered text, (Text Alignment as a Design Technique)
character encoding, (Validating your CSS), (Creating the Document)
child elements, floated, (Achieving Full-height Columns)
class attributes
identifying elements, (Selectors and the Structure of CSS Rules)
<span> elements, (What can CSS Do?)
class selectors, (Selectors and the Structure of CSS Rules), (Interesting Uses of Color)
specificity rating, (Cascading and Inheritance)
classes, multiple, (Selectors and the Structure of CSS Rules)
clear property, CSS, (clear)
full-length columns, (Achieving Full-height Columns)
link display, (Constructing the Layout)
use with footers, (The float Property)
use with tables, (The Table)
code archive, (The Book’s Web Site)
code decoupling, (Advantages of CSS Design)
code duplication, (Advantages of CSS Design)
<code> elements, (Using the span Element)
colon prefix, pseudo-element selectors, (Selectors and the Structure of CSS Rules)
color, (What can CSS Do?), (Splashing Around a Bit of Color), (Splashing Around a Bit of Color), (CSS Color Reference)
(see also background colors)
attention-getting color, (Interesting Uses of Color)
CSS color reference, (CSS Color Reference)
CSS effects with, (What can CSS Do?)
elements that can be colored, (Color in CSS)
methods of specifying, (Color in CSS), (Positioning the Page Elements), (CSS Color Reference)
readability and, (Interesting Uses of Color), (The Table), (“Zoom” Layouts)
selecting and combining colors, (Color in CSS)
specific uses of, (Interesting Uses of Color), (Interesting Uses of Color)
color blindness, (Color in CSS)
color property, CSS, (color)
background-color setting and, (Color in CSS), (background-color)
syntax illustrating, (Parts of a CSS Rule)
comma separators
elements in selector groups, (Selectors and the Structure of CSS Rules)
property value lists, (Parts of a CSS Rule), (The font-family Property), (Standard and Nonstandard Font Families)
shorthand property values, (Using Shorthand Properties), (The font Shorthand Property)
comments, CSS
HTML comments and, (CSS Comments)
temporarily disabling styling, (“Zoom” Layouts)
complementary colors, (Color in CSS)
constants
border styles, (border-style)
font sizes, (The font-size Property), (The font-size Property), (The font Shorthand Property)
list-style-type property, (Styling Lists with CSS)
content areas
centering, (Fixed-width Layouts), (Centering the Content Area)
Footbag Freaks markup, (Creating the Document)
liquid content with a footer, (The float Property)
skip navigation and, (The Content Order Problem)
styling, (Constructing the Layout), (Constructing the Layout), (The Content)
wrapping round floated columns, (Multiple-column Fixed-width Layouts)
content order problem, (The Content Order Problem)
content overflows, (overflow), (text-overflow)
content repurposing (see alternate style sheets)
coordinates (see positioning in CSS)
CSS (Cascading Style Sheets)
alternate style sheets, (What can CSS Do?)
browser support, (Advantages of CSS Design), (Validating your CSS), (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
color effects, (What can CSS Do?)
color reference, (CSS Color Reference)
design advantages, (Advantages of CSS Design), (Advantages of CSS Design)
effects possible with, (What can CSS Do?), (What can CSS Do?)
example styled page, (A Simple Example )
expression measurements, (Expression Measurements), (Expression Measurements)
font effects, (What can CSS Do?)
image effects, (What can CSS Do?)
inheritance, (How Inheritance Works in CSS)
JavaScript and, (CSS and JavaScript)
positioning elements, (Positioning the Page Elements), (Positioning the Page Elements)
properties, full list, (CSS Property Reference), (zoom)
pseudo-classes, (What can CSS Do?), (Styling Hyperlinks)
rule syntax, (What is CSS, Really?), (Parts of a CSS Rule)
simple two-column layout, (Simple CSS Layout), (Simple CSS Layout)
standards compliance and, (Advantages of CSS Design)
three-column layout, (Three-column Layouts), (Three-column Layouts)
validation, (Validating your CSS)
CSS 2
at-rules, (At-rules)
descriptive color names, (CSS Color Reference)
font constant, (The font Shorthand Property)
pseudo-classes and pseudo-elements, (Selectors and the Structure of CSS Rules), (Selectors and the Structure of CSS Rules)
system color names, (CSS Color Reference)
table-layout property, (Why Most—but Not All—Tables Are Bad)
CSS Box Model, (Positioning the Page Elements)
CSS Table Gallery, (The Table)
CSS3 status, (CSS Property Reference)

D

date information, (Constructing the Layout), (Adding a Third Column)
declarations, CSS rules, (Parts of a CSS Rule)
cascading behavior, (Cascading and Inheritance), (Cascading and Inheritance)
inline declarations, (Types of CSS Rules), (Types of CSS Rules), (Applying CSS to HTML Documents), (Cascading and Inheritance), (Cascading and Inheritance)
<del> elements, (Text Decorations)
deprecated attributes, (Constructing the Layout)
deprecated elements, (Advantages of CSS Design), (How CSS Deals with Fonts), (Text Alignment as a Design Technique)
descendant elements, (How Inheritance Works in CSS)
descendant selectors, (Selectors and the Structure of CSS Rules)
descriptive settings
border-width, (Positioning the Page Elements)
color names, (Color in CSS), (CSS Color Reference)
design mock-ups, (The Layout), (Adding a Third Column), (Adding a Footer), (The Layout)
designs (see example web sites)
DHTML, (CSS and JavaScript)
disabilities, users with, (Why Most—but Not All—Tables Are Bad), (At-rules)
(see also accessibility)
color blindness, (Color in CSS)
display property, CSS, (display)
horizontal list items, (Constructing the Layout)
IE6 bug work-around, (Multiple-column Fixed-width Layouts)
layout effects, (Positioning the Page Elements)
<div> elements
empty <div>s, (Achieving Full-height Columns)
image styling and positioning, (What can CSS Do?)
line-height property and, (Horizontal and Vertical Spacing)
margins for, (The Content), (Multiple-column Fixed-width Layouts)
positional context and, (Constructing the Layout)
<span> compared to, (Using the span Element)
wrapper <div>s, (Creating the Document), (Centering the Content Area), (Multiple-column Fixed-width Layouts)
DOCTYPE declarations, (Validating your CSS), (Keep the Quirks: DOCTYPE Switching), (Creating the Document)
DOCTYPE switching, (Keep the Quirks: DOCTYPE Switching)
document flow, (Adding a Footer), (The float Property)
DOM (Document Object Model), (CSS and JavaScript)
download times (see load times)
downloadable fonts, (Standard and Nonstandard Font Families), (Standard and Nonstandard Font Families)
Dreamweaver, Macromedia, (Why Most—but Not All—Tables Are Bad)
drop-caps effects, (Selectors and the Structure of CSS Rules)
dynamic effects, (What can CSS Do?), (CSS and JavaScript)
(see also animation)

E

element type selectors, (Selectors and the Structure of CSS Rules)
element-specific classes, (Selectors and the Structure of CSS Rules)
elements, HTML
applicability of CSS properties, (Advantages of CSS Design)
deprecated elements, (Advantages of CSS Design), (How CSS Deals with Fonts), (Text Alignment as a Design Technique)
hierarchical relationships, (How Inheritance Works in CSS)
selective targeting in CSS, (Types of CSS Rules)
elements, XHTML
alternatives for hiding, (Positioning the Page Elements)
color display, (Color in CSS)
display property defaults, (Positioning the Page Elements), (display)
float property applicability, (Constructing the Layout)
hiding, (visibility)
positioning using CSS, (Positioning the Page Elements), (Positioning the Page Elements)
replaced elements, (width)
selective targeting, (Constructing the Layout)
table definition, (Interesting Uses of Color)
<em> elements, (Advantages of CSS Design), (Using the span Element)
em measurements, (Expression Measurements)
padding property values, (Positioning the Page Elements)
text sizes, (The font-size Property), (Horizontal and Vertical Spacing), (Positioning the Page Elements)
embedded style sheets, (Types of CSS Rules), (Types of CSS Rules), (Applying CSS to HTML Documents)
example styled page, (A Simple Example )
hiding from non-supporting browsers, (Adjusting for Backward Compatibility)
empty <div>s, (Achieving Full-height Columns)
English language variants, (Selectors and the Structure of CSS Rules)
event diaries, (Constructing the Layout)
example web sites, (The Layout)
(see also Footbag Freaks web site)
fixed-width layouts, (Fixed-width Layouts), (Multiple-column Fixed-width Layouts)
Halloween party page, (What can CSS Do?), (What can CSS Do?)
simple two-column layout, (Simple CSS Layout), (Simple CSS Layout)
three-column layout, (Three-column Layouts), (Three-column Layouts)
external style sheets, (Types of CSS Rules), (Types of CSS Rules), (Applying CSS to HTML Documents)
code decoupling and, (Advantages of CSS Design)
importance of validation, (Validating your CSS)
semantic markup and, (Advantages of CSS Design)

F

fantasy fonts, (The font-family Property)
Faux Columns technique, (Achieving Full-height Columns)
Firefox browser
color and font preference settings, (Who’s in Charge?)
CSS property support, (CSS Property Reference)
use within this book, (Adjusting for Backward Compatibility)
Fireworks design mock-ups, (The Layout), (The Layout)
first-* selectors, CSS 2, (Selectors and the Structure of CSS Rules)
fixed background images, (Background Images)
fixed-width layouts, (Fixed-width Layouts), (Multiple-column Fixed-width Layouts)
multi-column, (Multiple-column Fixed-width Layouts)
float property, CSS, (Constructing the Layout), (Constructing the Layout), (float)
(see also clear property)
Footbag Freaks images, (Constructing the Layout), (Constructing the Layout), (The Content)
positioning images, (What can CSS Do?)
text alignment, (Constructing the Layout)
three-column layouts, (The float Property), (Putting float into Practice in our Layout)
floated columns, (The float Property), (Multiple-column Fixed-width Layouts)
floated layouts and content order, (The Content Order Problem)
font constants, (The font Shorthand Property)
<font> elements, (Advantages of CSS Design), (How CSS Deals with Fonts), (The font-size Property)
font property, CSS, (Using Shorthand Properties), (The font Shorthand Property), (font)
font setting defaults, (Who’s in Charge?)
font size defaults, (Expression Measurements)
font-family property, CSS, (The font-family Property), (The font-family Property), (font-family)
font lists, (Standard and Nonstandard Font Families)
font property and, (The font Shorthand Property)
standard and nonstandard fonts, (Standard and Nonstandard Font Families)
syntax illustrating, (Parts of a CSS Rule), (Using Shorthand Properties)
font-size property, CSS, (The font-size Property), (The font-size Property), (font-size)
child elements, (Positioning the Page Elements)
ems and, (Expression Measurements)
font property and, (The font Shorthand Property)
Footbag Freaks web site, (Constructing the Layout)
syntax illustrating, (Parts of a CSS Rule)
use with links, (What can CSS Do?)
font-style property, CSS, (Other Font Properties), (font-style)
font-variant property, CSS, (Other Font Properties), (font-variant)
font-weight property, CSS, (Other Font Properties), (The Content), (font-weight)
fonts, (Working with Fonts), (Working with Fonts)
CSS effects with, (What can CSS Do?)
nonstandard and downloadable, (Standard and Nonstandard Font Families)
Footbag Freaks web site
blog section, (Adding a Third Column)
content area styling, (Constructing the Layout), (Constructing the Layout), (Centering the Content Area), (The Content)
download, (Constructing the Layout)
Events Schedule table styling, (The Table)
fixed-width layouts, (Fixed-width Layouts), (Multiple-column Fixed-width Layouts)
header area styling, (Constructing the Layout), (Constructing the Layout), (Centering the Content Area)
layout, (The Layout), (Adding a Third Column), (Adding a Third Column)
markup, (Creating the Document), (Creating the Document), (Adding a Third Column), (The float Property)
newsletter subscription form, (Adding a Third Column)
positioning elements, (Positioning the Page Elements), (Positioning the Page Elements)
repositioning the sidebar, (Constructing the Layout)
search form styling, (Constructing the Layout)
sidebar styling, (Constructing the Layout)
three-column version, (Adding a Third Column), (The Content Order Problem)
two-column version, (The Layout), (Simple CSS Layout)
footers, (Adding a Footer), (The float Property)
forms
newsletter subscription, (Adding a Third Column)
search form, (Constructing the Layout)
forward slash, (The font Shorthand Property)
full-height columns, (Achieving Full-height Columns)

G

generated content, (content)
generic font families, (The font-family Property), (Standard and Nonstandard Font Families)
Macintosh and Windows, (Standard and Nonstandard Font Families)
GoLive, Adobe, (Why Most—but Not All—Tables Are Bad)
gradient background effects, (Constructing the Layout)
graphics (see images)
graphics program mock-ups, (The Layout), (Adding a Third Column)
“greater than” sign, (Selectors and the Structure of CSS Rules)
GUI component standard colors, (CSS Color Reference)

H

hacks, (Adjusting for Backward Compatibility)
Halloween Party example page, (What can CSS Do?), (What can CSS Do?)
hanging indents, (First-line Indentation)
harmonious colors, (Color in CSS)
<head> elements
embedded style sheets, (Types of CSS Rules), (Types of CSS Rules), (Applying CSS to HTML Documents)
external style sheets, (Types of CSS Rules), (Applying CSS to HTML Documents)
inheritance and, (How Inheritance Works in CSS)
header areas
Footbag Freaks markup, (Creating the Document)
styling, (Constructing the Layout), (Constructing the Layout)
styling fixed-width, (Centering the Content Area)
headings
alignment, (Text Alignment as a Design Technique)
Footbag Freaks match schedule, (Creating the Document)
highlighting, (What can CSS Do?), (Text Alignment as a Design Technique)
letter-spacing property and, (Horizontal and Vertical Spacing)
hexadecimal values
descriptive color equivalents, (CSS Color Reference)
Netscape extended colors, (CSS Color Reference)
specifying colors, (Color in CSS), (Positioning the Page Elements), (CSS Color Reference)
highlighting text
headings, (What can CSS Do?), (Text Alignment as a Design Technique)
mouseover effects, (What can CSS Do?)
table rows, (Interesting Uses of Color), (The Table)
using <span>, (Using the span Element)
horizontal navigation, (Constructing the Layout), (Constructing the Layout)
horizontal spacing, text, (Horizontal and Vertical Spacing)
hover pseudo-class, (What can CSS Do?)
HTML, (Types of CSS Rules)
(see also elements, HTML)
CSS validation requirements, (Validating your CSS)
font size specification, (The font-size Property)
HTML 4 Recommendation, (Advantages of CSS Design), (Keep the Quirks: DOCTYPE Switching)
inheritance tree, (How Inheritance Works in CSS)
semantic markup, (Advantages of CSS Design)
text alignment, (Text Alignment as a Design Technique)
http-equiv attribute, (Creating the Document)
hyperlinks (see links)

I

id attributes, (Selectors and the Structure of CSS Rules)
<span> element, (What can CSS Do?)
<ul> element, (What can CSS Do?)
ID selectors, (Selectors and the Structure of CSS Rules), (Interesting Uses of Color)
specificity rating, (Cascading and Inheritance)
images
adding a logo, (Constructing the Layout), (The Content)
avoiding use for text, (Constructing the Layout)
background, (Background Images)
CSS effects with, (What can CSS Do?)
Footbag Freaks authors, (Constructing the Layout)
as list item markers, (Styling Lists with CSS), (Constructing the Layout)
text wrapping, (What can CSS Do?)
<img> elements, (What can CSS Do?), (Constructing the Layout)
@import rule, (Adjusting for Backward Compatibility), (At-rules)
!important keyword, (Cascading and Inheritance), (Cascading and Inheritance), (Cascading and Inheritance)
indentation of code, (Why Most—but Not All—Tables Are Bad)
indentation of first lines, (First-line Indentation), (text-indent)
inheritance in CSS, (How Inheritance Works in CSS)
adjacency distinguished from, (Selectors and the Structure of CSS Rules)
cascading distinguished from, (Cascading and Inheritance)
color settings, (Color in CSS)
font sizing and, (Expression Measurements), (font-size)
numeric values, (Horizontal and Vertical Spacing)
table and cell borders, (Interesting Uses of Color)
inline declarations, (Types of CSS Rules), (Types of CSS Rules), (Applying CSS to HTML Documents)
cascading behavior, (Cascading and Inheritance), (Cascading and Inheritance)
inline elements, (Using the span Element), (Positioning the Page Elements)
<input> element styling, (Selectors and the Structure of CSS Rules)
<ins> elements, (Text Decorations)
Internet Explorer
at-rule support, (At-rules)
bugs, (Adjusting for Backward Compatibility), (Keep the Quirks: DOCTYPE Switching)
CSS support, (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
floated column problem, (Multiple-column Fixed-width Layouts)
floated three-column page display, (Putting float into Practice in our Layout)
hiding style sheets from IE4, (Adjusting for Backward Compatibility)
Macintosh version, (CSS Property Reference)
position: fixed in IE6, (Positioning the Page Elements)
pseudo-class support, (Styling Hyperlinks)
Quirks mode enabling, (Keep the Quirks: DOCTYPE Switching)
small-caps format, (Other Font Properties)
text resizing, (Expression Measurements)
word-spacing property, (Horizontal and Vertical Spacing)
Internet Explorer for Windows
adjacent selectors, (Selectors and the Structure of CSS Rules)
attribute selectors, (Selectors and the Structure of CSS Rules)
layouts developed with Firefox, (Adding a Third Column)
parent-child selectors, (Selectors and the Structure of CSS Rules)
ISO-8859-1 encoding, (Creating the Document)
italic font styles, (Other Font Properties)

J

JavaScript, (CSS Comments), (Styling Hyperlinks), (CSS and JavaScript)
style switchers, (“Zoom” Layouts)
justified text, (Text Alignment as a Design Technique), (text-justify)

L

lang attribute, (Selectors and the Structure of CSS Rules), (Selectors and the Structure of CSS Rules)
lang pseudo-class, (Selectors and the Structure of CSS Rules)
language attribute, (Selectors and the Structure of CSS Rules)
languages other than English
Arabic, (text-kashida-space)
Asian languages, (text-autospace), (text-justify), (text-underline-position)
East Asian, (layout-flow), (layout-grid-type), (writing-mode)
Hebrew, (direction), (unicode-bidi)
layout tables (see tabular layouts)
layouts (see example web sites)
leading, (Horizontal and Vertical Spacing)
length values, (Expression Measurements)
letter-spacing property, CSS, (Horizontal and Vertical Spacing)
<li> elements, (Styling Lists with CSS), (Constructing the Layout)
line termination, CSS, (Parts of a CSS Rule)
line-height property, CSS, (Horizontal and Vertical Spacing), (line-height)
adding to font declarations, (The font Shorthand Property)
creating space, (Constructing the Layout), (The Content)
line-through value, text-decoration, (Text Decorations)
<link> elements, (Types of CSS Rules), (Applying CSS to HTML Documents)
alternate style sheets and, (Advantages of CSS Design), (“Zoom” Layouts)
code decoupling and, (Advantages of CSS Design)
inheritance and, (How Inheritance Works in CSS)
media attribute, (Advantages of CSS Design), (Adjusting for Backward Compatibility)
links
horizontal navigation separators, (Constructing the Layout)
skip navigation, (The Content Order Problem)
styling, (Selectors and the Structure of CSS Rules), (Styling Hyperlinks)
styling, Footbag Freaks homepage, (Constructing the Layout), (Constructing the Layout), (Adding a Third Column)
styling, match schedule table, (The Table)
turning off underlining, (Text Decorations), (Styling Hyperlinks), (Adding a Third Column)
liquid layouts, (Fixed-width Layouts)
list items
alignment, (Constructing the Layout), (Constructing the Layout), (Adding a Third Column)
styling, Footbag Freaks navigation, (Adding a Third Column)
list-style-image property, CSS, (Styling Lists with CSS), (list-style-image)
list-style-position property, CSS, (Styling Lists with CSS), (list-style-position)
list-style-type property, CSS, (Styling Lists with CSS), (Styling Lists with CSS), (list-style-type)
lists
applying margins, (Positioning the Page Elements)
font styles and, (What can CSS Do?)
styling, (Styling Lists with CSS), (Styling Lists with CSS)
load times
decoupled code and, (Advantages of CSS Design)
external style sheets and, (Types of CSS Rules)
tabular layouts and, (Why Most—but Not All—Tables Are Bad)
logos, (Constructing the Layout), (The Content)

M

Macintosh
fonts, (Standard and Nonstandard Font Families), (Standard and Nonstandard Font Families)
Internet Explorer status, (CSS Property Reference)
Macromedia Dreamweaver, (Why Most—but Not All—Tables Are Bad)
Macromedia Fireworks, (The Layout), (The Layout)
magnified views, (“Zoom” Layouts)
maintenance, ease of, (Why Most—but Not All—Tables Are Bad), (Types of CSS Rules)
margin property, CSS, (Positioning the Page Elements), (margin)
@page rule and, (At-rules)
margins
applying to <div>s, (The Content), (Multiple-column Fixed-width Layouts)
applying to lists, (Positioning the Page Elements)
auto settings, (Centering the Content Area)
margin properties, (Positioning the Page Elements)
negative values, (Positioning the Page Elements)
padding compared to, (Positioning the Page Elements)
padding, borders and, (Positioning the Page Elements)
removing paragraph defaults, (Constructing the Layout)
vertical margins, (Positioning the Page Elements)
marker-offset property, CSS, (Positioning the Page Elements), (marker-offset)
media attribute
<link> element, (Advantages of CSS Design), (Adjusting for Backward Compatibility)
<style> element, (At-rules)
@media rule, (At-rules)
media type output options, (At-rules)
Medium menu, W3C validator, (Validating your CSS)
min-width property, CSS, (Centering the Content Area), (max-width, min-width)
monitors
color rendering, (Color in CSS)
pixel sizing and, (Expression Measurements)
monospaced fonts, (The font-family Property), (Horizontal and Vertical Spacing)
Mozilla-based browsers, (-moz-border-radius)
(see also Firefox browser)
properties, (CSS Property Reference), (-moz-border-radius), (-moz-opacity)
multi-column layouts, (The float Property), (Multiple-column Fixed-width Layouts)
(see also three-column layouts)
(see also two-column layouts)
fixed-width, (Multiple-column Fixed-width Layouts)
multiple style sheets (see alternate style sheets)

N

name attribute, <a> tag, (The Content Order Problem)
navigation
horizontal navigation, (Constructing the Layout)
styling, three-column layout, (Adding a Third Column)
nesting
elements and color setting, (Color in CSS)
layout tables, (CSS in Context), (Why Most—but Not All—Tables Are Bad)
quotes, (quotes)
styles, (Expression Measurements)
unordered lists, (Styling Lists with CSS)
NetObjects Fusion tool, (CSS in Context)
Netscape extended color names, (CSS Color Reference)
Netscape Navigator, (CSS in Context)
CSS support, (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
default border width, (Positioning the Page Elements)
hiding styling from Netscape 4, (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
key nonconformance areas, (Adjusting for Backward Compatibility)
newsletter subscription form, (Adding a Third Column)

O

oblique font styles, (Other Font Properties)
<ol> elements, (Styling Lists with CSS)
opacity, (-moz-opacity)
OpenType font standard, (Other Font Properties)
Opera browser
CSS property support, (CSS Property Reference)
CSS support history, (Adjusting for Backward Compatibility)
font sizing, (Expression Measurements)
operating system-specific colors, (Color in CSS), (CSS Color Reference)
origin factor, cascading, (Cascading and Inheritance)
outdents, (First-line Indentation), (text-indent)
outline property, CSS, (Color in CSS), (outline)
overlining, (Text Decorations)

P

padding
margins, borders and, (Positioning the Page Elements), (Positioning the Page Elements)
padding properties, (Positioning the Page Elements)
padding property, CSS, (Using Shorthand Properties), (padding)
Footbag Freaks styling, (Constructing the Layout)
multiple values and, (Positioning the Page Elements)
padding-left property, CSS, (First-line Indentation), (padding-bottom, padding-left, padding-right, padding-top)
@page rule, (At-rules), (marks), (page), (size)
page styling, (At-rules), (orphans), (widows)
paragraphs
centering, (Text Alignment as a Design Technique)
highlighting text within, (Using the span Element)
indenting first lines, (First-line Indentation)
initial drop-caps, (Selectors and the Structure of CSS Rules)
removing default margins, (Constructing the Layout)
parent elements, (How Inheritance Works in CSS)
parent-child selectors, (Selectors and the Structure of CSS Rules)
PDF files, (The font-size Property)
percentage sizing
padding property values, (Positioning the Page Elements)
pixel sizing compared to, (Positioning the Page Elements)
text sizes, (Expression Measurements), (The font-size Property), (Horizontal and Vertical Spacing)
period class name prefix, (Selectors and the Structure of CSS Rules)
pipe character, (Constructing the Layout)
pixel sizing, (Expression Measurements), (The font-size Property)
border widths, (Positioning the Page Elements)
percentages compared to, (Positioning the Page Elements)
point sizes and, (Expression Measurements)
Pixy’s Color Scheme Generator, (Color in CSS)
placeholder graphics, (Why Most—but Not All—Tables Are Bad), (Selectors and the Structure of CSS Rules)
plus sign, (Selectors and the Structure of CSS Rules)
position property, CSS, (Positioning the Page Elements), (position)
positioning context, CSS, (Positioning the Page Elements)
absolute positioning, (Constructing the Layout), (Multiple-column Fixed-width Layouts)
relative positioning, (Positioning the Page Elements)
positioning in CSS, (Positioning the Page Elements), (Positioning the Page Elements), (Constructing the Layout)
(see also absolute positioning)
background images, (Background Images)
relative positioning, (Positioning the Page Elements)
repositioning sidebars, (Constructing the Layout)
positioning properties, replacing, (Putting float into Practice in our Layout)
printed output, (At-rules), (page-break-after), (page-break-before), (page-break-inside)
@media rule, (At-rules)
Profile menu, W3C validator, (Validating your CSS)
properties, CSS, (Using Shorthand Properties)
(see also shorthand properties)
browser compatibility charts, (Adjusting for Backward Compatibility)
complete listing, (CSS Property Reference), (zoom)
as declaration components, (Parts of a CSS Rule)
inclusion in rules, (Types of CSS Rules)
inherited properties, (How Inheritance Works in CSS)
JavaScript manipulation, (CSS and JavaScript)
with multiple values, (Parts of a CSS Rule), (Using Shorthand Properties)
uniform application, (Advantages of CSS Design)
working with fonts, (How CSS Deals with Fonts)
proportional spacing, (Positioning the Page Elements)
(see also em measurements)
(see also percentage sizing)
padding property values, (Positioning the Page Elements)
prototyping, (Types of CSS Rules)
pseudo-class selectors, (Selectors and the Structure of CSS Rules), (Cascading and Inheritance)
pseudo-classes, CSS, (Styling Hyperlinks)
dynamic effects with, (What can CSS Do?)
Footbag Freaks link styling, (Constructing the Layout), (Constructing the Layout)
overriding, (Styling Hyperlinks)
pseudo-element selectors, (Selectors and the Structure of CSS Rules)

Q

Quirks mode, (Keep the Quirks: DOCTYPE Switching)
quotation marks
CSS property values, (Parts of a CSS Rule), (Using Shorthand Properties), (The font-family Property)
font lists, (Standard and Nonstandard Font Families)
generated content, (content)

R

readability of code, (Why Most—but Not All—Tables Are Bad)
readability of tables, (Interesting Uses of Color), (The Table)
readability of text, (Color in CSS), (Horizontal and Vertical Spacing), (The Layout), (“Zoom” Layouts)
relative measurements, (Expression Measurements), (Expression Measurements), (font-size)
font sizes, (The font-size Property), (The font-size Property)
font weights, (Other Font Properties)
line-height property and, (Horizontal and Vertical Spacing)
Netscape 4 bug, (Adjusting for Backward Compatibility)
relative positioning, (Positioning the Page Elements)
absolute positioning within, (Constructing the Layout)
positional context and, (Positioning the Page Elements)
rendering process, (What is CSS, Really?), (The font-size Property)
RGB color values, (CSS Color Reference)
descriptive color equivalents, (CSS Color Reference)
Netscape extended colors, (CSS Color Reference)
rgb function, (Color in CSS), (Positioning the Page Elements)
Ruby text, (ruby-align), (ruby-position)
rules, CSS, (What is CSS, Really?)
categories, (Types of CSS Rules)
conflict resolution, (Cascading and Inheritance)
controlling color, (What can CSS Do?)
font preferences, (Standard and Nonstandard Font Families)
measurements, (Expression Measurements), (Expression Measurements)
nesting, (Expression Measurements)
order of selectors, (The Table)
parts of, (Parts of a CSS Rule)
selectors types, (Selectors and the Structure of CSS Rules), (Selectors and the Structure of CSS Rules)
styling precedence among, (What is CSS, Really?), (Who’s in Charge?), (Cascading and Inheritance)

S

sans-serif fonts, (The font-family Property)
scope attribute, <th> element, (Creating the Document)
screen readers, (Why Most—but Not All—Tables Are Bad)
floated layouts and, (The Content Order Problem)
hiding skip navigation, (The Content Order Problem)
semantic markup and, (Advantages of CSS Design)
scrolling backgrounds, (Background Images)
search engines, (Advantages of CSS Design)
search form, Footbag Freaks, (Constructing the Layout)
selectors, CSS
adding class or id attributes, (What can CSS Do?)
combining ID and class selectors, (Selectors and the Structure of CSS Rules)
document hierarchies and, (How Inheritance Works in CSS)
element targeting possibilities, (Types of CSS Rules)
grouping, (Selectors and the Structure of CSS Rules)
as rule components, (Parts of a CSS Rule), (Selectors and the Structure of CSS Rules), (Selectors and the Structure of CSS Rules)
specificity rating, (Cascading and Inheritance)
understanding, (The Table)
semantic markup, (Advantages of CSS Design), (Text Decorations), (“Zoom” Layouts)
semicolon rule separators, (Parts of a CSS Rule)
separating content from presentation, (Getting the Lay of the Land), (The Basic Purpose of CSS), (Constructing the Layout)
accessibility and, (“Zoom” Layouts)
code decoupling, (Advantages of CSS Design)
CSS role, (What can CSS Do?)
style declarations and, (Types of CSS Rules), (Types of CSS Rules)
serif fonts, (The font-family Property), (font-family)
shorthand properties, (Using Shorthand Properties), (The font Shorthand Property)
background property, (background)
border properties, (Positioning the Page Elements), (border)
font property, (font)
list-style property, (list-style)
margin property, (Positioning the Page Elements), (margin)
outline property, (outline)
padding property, (Using Shorthand Properties), (Positioning the Page Elements), (padding)
sidebars
aligning with content, (Constructing the Layout)
fixed-width layout, (Multiple-column Fixed-width Layouts)
Footbag Freaks markup, (Creating the Document)
overlapping footers, (Adding a Footer)
repositioning, (Constructing the Layout)
styling, (Constructing the Layout)
three-column layout, (Adding a Third Column)
size property, CSS, (At-rules), (size)
“skip navigation” links, (The Content Order Problem)
small-caps format, (Other Font Properties), (font-variant)
sort order and cascading, (Cascading and Inheritance)
sound on the Web, (Aural Style Sheets)
spacer GIFs, (Why Most—but Not All—Tables Are Bad), (Putting CSS into Perspective)
spaces
quoting values containing, (Parts of a CSS Rule), (Using Shorthand Properties), (The font-family Property), (Standard and Nonstandard Font Families)
shorthand property separator, (The font Shorthand Property)
white-space property, (white-space)
spacing, (Constructing the Layout)
(see also margins)
positive and negative space, (Text Alignment as a Design Technique)
text, horizontal and vertical, (Horizontal and Vertical Spacing), (Horizontal and Vertical Spacing)
<span> elements, (What can CSS Do?), (Using the span Element)
nesting styles, (Expression Measurements)
relative font sizing, (The font-size Property)
relative positioning, (Positioning the Page Elements)
specificity factor, cascading, (Cascading and Inheritance)
spreadsheets and table use, (Why Most—but Not All—Tables Are Bad), (Creating the Document), (The Table)
src attribute, background image equivalent, (Background Images)
standard fonts, (Standard and Nonstandard Font Families)
standards compliance, (Advantages of CSS Design), (Adjusting for Backward Compatibility)
standards-compliant mode, (Keep the Quirks: DOCTYPE Switching)
Strict DOCTYPEs, (Keep the Quirks: DOCTYPE Switching), (Creating the Document)
strikethrough effects, (Text Decorations)
<strong> elements, (Advantages of CSS Design), (Using the span Element)
style attributes (see inline declarations)
<style> elements, (Types of CSS Rules), (Types of CSS Rules), (Applying CSS to HTML Documents)
style switchers, (“Zoom” Layouts)
styling, (What is CSS, Really?)
(see also CSS)
browser default, (What is CSS, Really?), (list-style-type)
CSS and control over, (Advantages of CSS Design)
hiding from older browsers, (Adjusting for Backward Compatibility), (Adjusting for Backward Compatibility)
location of style definitions, (Types of CSS Rules), (Applying CSS to HTML Documents)
skip navigation, (The Content Order Problem)
styling rule (see rules, CSS)
system color names, (Color in CSS), (CSS Color Reference)

T

table cells, collapsing borders, (The Table), (border-collapse)
table headings (see <th> elements) (see <thead> elements)
table rows
coloring alternate, (Interesting Uses of Color), (The Table)
setting colors, (The Table)
table-layout property, CSS, (Why Most—but Not All—Tables Are Bad), (table-layout)
tables
CSS Table Gallery, (The Table)
empty-cells property, (empty-cells)
in fixed-width layout, (The Table)
Footbag Freaks match schedule, (Creating the Document)
legitimate use of, (Why Most—but Not All—Tables Are Bad)
styling for readability, (Interesting Uses of Color)
tabular layouts
design rationale for, (CSS in Context)
drawbacks of, (Why Most—but Not All—Tables Are Bad), (Why Most—but Not All—Tables Are Bad)
inheritance problems, (How Inheritance Works in CSS)
nested tables, (Why Most—but Not All—Tables Are Bad), (Why Most—but Not All—Tables Are Bad)
screen readers and, (Advantages of CSS Design)
tagline styling, (Constructing the Layout), (Centering the Content Area)
<tbody> elements, (Creating the Document), (The Table)
text
alignment, (Text Alignment as a Design Technique), (Text Alignment as a Design Technique)
colors and readability, (Color in CSS)
direction property, (direction)
generated content, (content)
resizing, (“Zoom” Layouts)
spacings, (Horizontal and Vertical Spacing), (Horizontal and Vertical Spacing), (The Content)
text effects
cascading and, (Text Effects and the Cascade), (Text Effects and the Cascade)
using <span> elements, (Using the span Element)
text sizes, (What can CSS Do?), (Expression Measurements)
(see also font sizes)
(see also font-size property)
text wrapping, (What can CSS Do?), (Styling Lists with CSS)
text-align property, CSS, (Text Alignment as a Design Technique), (Centering the Content Area), (text-align)
text-decoration property, CSS, (Text Decorations), (text-decoration)
text-indent property, CSS, (First-line Indentation), (text-indent)
text-only browsers, (Why Most—but Not All—Tables Are Bad), (Adjusting for Backward Compatibility), (The Content Order Problem)
(see also screen readers)
<th> elements, (Interesting Uses of Color), (Creating the Document), (The Table)
<thead> elements, (Creating the Document), (The Table)
three-column layout example, (Three-column Layouts), (Three-column Layouts)
display in IE6, (Adding a Third Column)
full-height columns, (Achieving Full-height Columns)
markup with a footer, (The float Property)
unstyled display, (The float Property)
using float, (Putting float into Practice in our Layout)
tiled background images, (Background Images), (Constructing the Layout)
tiling behavior
background images, (Constructing the Layout)
transitional DOCTYPEs, (Keep the Quirks: DOCTYPE Switching)
translucent elements, (-moz-opacity)
transparent backgrounds, (Color in CSS), (background-color)
transparent GIFs, (Why Most—but Not All—Tables Are Bad), (Putting CSS into Perspective)
TrueType fonts, (Standard and Nonstandard Font Families)
two-column layouts, (Simple CSS Layout), (Simple CSS Layout)
fixed-width layouts, (Multiple-column Fixed-width Layouts)

U

<ul> elements, (Styling Lists with CSS), (Constructing the Layout)
(see also lists)
underlining, (Text Decorations), (Styling Hyperlinks)
Unicode, (Creating the Document), (direction), (unicode-bidi)
units of measurement, (Expression Measurements), (Expression Measurements)
universal selectors, (Selectors and the Structure of CSS Rules)
url function, (Background Images)
url operator, (Adjusting for Backward Compatibility), (Styling Lists with CSS)
user settings, (Who’s in Charge?), (The font-family Property)

V

validation
CSS, (Validating your CSS)
Footbag Freaks markup, (Creating the Document)
vertical margins, (Positioning the Page Elements)
vertical spacing, text, (Horizontal and Vertical Spacing)
View Source feature, (Advantages of CSS Design)
visibility: hidden and display: none, (Positioning the Page Elements)
visually impaired users, (Advantages of CSS Design)
voice-family property, CSS, (Aural Style Sheets), (voice-family)

W

W3C (World Wide Web Consortium)
CSS development role, (The Basic Purpose of CSS)
CSS validation service, (Validating your CSS)
semantic markup and, (Advantages of CSS Design)
Warnings menu, W3C validator, (Validating your CSS)
warnings, color coding, (Interesting Uses of Color)
WCAG (Web Content Accessibility Guidelines 1.0), (Advantages of CSS Design), (Advantages of CSS Design), (Color in CSS), (Constructing the Layout)
Web Developer Toolbar, (Adjusting for Backward Compatibility)
weight factor, cascading, (Cascading and Inheritance)
width property, CSS, (width)
float property and, (Constructing the Layout)
preventing overlap, (Adding a Third Column), (Adding a Third Column)
Windows platforms, (Standard and Nonstandard Font Families)
(see also Internet Explorer for Windows)
standard fonts, (Standard and Nonstandard Font Families)
word-spacing property, CSS, (Horizontal and Vertical Spacing), (word-spacing)
wrapper <div>s, (Constructing the Layout), (Adding a Third Column), (Creating the Document), (Centering the Content Area), (Multiple-column Fixed-width Layouts)

X

x-height values, (Expression Measurements)
XHTML, (Creating the Document), (CSS and JavaScript)
(see also DOCTYPE declarations)
(see also elements, XHTML)
Dynamic HTML and, (CSS and JavaScript)
XHTML 1.0 Recommendation, (Advantages of CSS Design), (Keep the Quirks: DOCTYPE Switching)
use in this book, (Keep the Quirks: DOCTYPE Switching)
XHTML 1.1 Recommendation, (ruby-align), (ruby-position)

Z

Zapfino font, (Standard and Nonstandard Font Families)
“zoom” layouts, (“Zoom” Layouts)

 

About SitePoint

SitePoint specializes in publishing fun, practical and easy-to-understand content for Web professionals. Visit sitepoint.com to access our books, newsletters, articles and community forums.