Prev | Current Page 233 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"


??? Ordered lists are numbered by default. You can change the
numbers to letters of the alphabet or to Roman numerals.
??? De?¬? nition lists (or nested lists) contain subitems; you might
use this type of list for a glossary of terms.
The markup for lists is very simple. Here??™s the code for an unordered
list

  • Gibson

  • Fender

  • Rickenbacker

  • Ibanez


This unordered list opens with an unordered list (ul) tag, contains a
number of list items (li), and then closes with another ul tag.
An ordered list is very similar except the list tag is ol instead of ul.
STYLIN??™ WITH CSS - CHAPTER 6 206

  1. Gibson

  2. Fender

  3. Rickenbacker

  4. Ibanez


FIGURE 6.23 XHTML provides many
options for formatting lists.
In an ordered list, each item is sequentially labeled using numbers,
letters, or Roman numerals, depending on the value of the
DESIGNING INTERFACE COMPONENTS 207
list-style-type property. You can place the label either outside of
the list or within in it using the list-style-position property.
A de?¬? nition list has three elements:
Web Terms
XHTML

A mechanism for indicating the structure of a
document.

CSS

A mechanism for presentational styling of XHTML.


It opens with a de?¬? nition list tag (dl) and then has any number of
de?¬? nition terms (dt) and their associated de?¬? nition descriptions (dd).


Pages:
221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245