Book HomeCascading Style Sheets: The Definitive GuideSearch this book Friday 19th of January 2018 12:52:13 AM

10.9. Summary

CSS2 obviously covers a lot of ground, and exploring it in detail would probably have added at least four more chapters to this book, not to mention dramatically bulking up some of the chapters that already exist. However, since so little of CSS2 has actually been implemented at this writing, we felt it was better to provide an overview that was light on details. After all, the specification may change as implementations reveal flaws, and we'd rather stick to describing things that are fairly reliable.

For quick reference purposes, Table 10-1 gives a quick summary of everything new in CSS2.

Table 10-1. New Properties in CSS2

New Properties in CSS2

text-shadow
font-size-
adjust
font-stretch
unicode-bidi
cursor
outline
outline-color
outline-style
outline-width
content
quotes
counter-reset
counter-increment
marker-offset
border-top-color
border-right-color
border-bottom-color
border-left-color
border-top-style
border-right-style
border-bottom-style
border-left-style
position
direction
  • news:  = read/send to Usenet newsgroup
  • file:///  = local file access (note: 3 slashes)
  • Web servers typically have 3- or 4-part names; the last two parts comprisethe registered domain name, e.g., udel.edu.  Some webservers are configured as virtual hosts serving files under multipleserver names and domains.

    The path and filename in a URL are typically specified from the root top right bottom left z-index

    min-width
    max-width
    min-height
    max-height
    overflow
    clip
    visibility
    page-break-before
    page-break-after
    page-break-inside
    orphans
    widows
    size
    marks
    border-collapse
    border-spacing
    table-layout
    border-spacing
    empty-cells
    caption-side
    speak-header-cell
    volume
    speak
    pause-before
    pause-after
    pause
    cue-before
    cue-after
    cue
    play-during
    azimuth
    elevation
    speech-rate
    voice-family
    pitch
    pitch-range
    stress
    richness
    speak-punctuation
    speak-rate
    speak-numeral
    speak-time

    New Pseudo-Classes and Pseudo-Elements in CSS2

    :hover
    :left
    :right
    :first
    :before
    :after

    New @-rules in CSS2

    @media
    @font-face
    @page

    Table 10-2. New Values in CSS2

    All Properties

    inherit

    The display Property

    run-in
    compact
    marker
    table
    inline-table
    table-row-group
    table-column-group
    table-header-group
    table-footer-group
    table-row
    table-cell
    table-caption 

    The font Property

    caption
    icon
    menu
    message-box
    small-caption
    status-bar

    The list-style-type Property

    decimal-leading-zero
    hebrew
    georgian
    armenian
    cjk-ideographic
    hiragana
    katakana
    hiragana-iroha
    katakana-iroha
    lower-greek

    The color values

    active-border
    active-caption
    app-workspace
    background
    button-face
    button-highlight
    button-text
    caption-text
    gray-text
    highlight
    highlight-text
    inactive-border
    inactive-caption
    info-background
    info-text
    menu
    menu-text
    scrollbar
    three-d-dark-shadow
    three-d-face
    three-d-highlight
    three-d-lightshadow
    three-d-shadow
    window
    window-frame
    window-text

    The vertical-align Property

    length 


    Library Navigation Links

    Copyright © 2002 O'Reilly & Associates. All rights reserved.

    how inline elements are displayed, and it needs to be covered indetail before we move on.

    First, let's establish how the height of a line is determined. Aline's height (or the height of the linebox) isdetermined by the height of its constituent elements and othercontent (such as text). It's important to understand thatline-height really only applies to inline elementsand other inline content and not to block-level elements. We can setInstead, you'd have to use <FONTCOLOR="#666666"> on every single anchor thatneeded to be relatively dark. Not so with CSS; all you need to do isadd a class to all anchors that need to be this shade of gray andmodify your styles accordingly, with the result seen in Figure 6-4:

    BODY {color: black;}A:link {color: #808080;}      /* medium gray */A.external:link  {color: silver;}A:active {color: silver;}to 255, you can specify one using three hex pairs. If you have acalculator that converts between decimal and hexadecimal, then makingthe jump should be pretty simple. If not, it might be a little morecomplicated. (Of course, you could just not use this method, but thatwould be too easy.)

    Once again, we present some color equivalents in Table 3-3.

    Table 3-3. Hexadecimal Equivalents for Common Colors