this stuff gets the value
* css: tag1 tag3 { property: value }
*
* -- child (immediately below) --
* html: green
* css: body > p { color: green }
*
* -- adjacent sibling --
* html: hi
green
* css: h1 + h2 { color: green }
*
* -- has attribute ---
* html:
* css: body[bgcolor] { property: value }
*
* -- pseudo classes --
* css: :first-child { text-indent: 0 }
* :link, :visited,
* :hover, :active, :focus
* :lang(fr)
* :first-line, :first-letter
*
* html: This gets an extra marker, eh?
* css: p.special:before { content: "Special!" }
* p.special:first-letter { color: #ffd800 }
*
*
* ---------------------------------------------------------------------
* properties
*
* position: static|relative|absolute|fixed|inherit
*
* display: none|inline|block|run-in|inline-block
* min-width: |percentage|inherit
* max-width: ...|none
*
* -- if position is not static --
* top, bottom, right, left: | | auto | inherit
*
* -- other content wraps around
* float: left|right|none|inherit
*
* -- boxes encompass most elements, see http://www.w3.org/TR/CSS21/box.html --
* background: yellow
* margin: 12px 12px 12px 12px; /* or use -top, -left, -bottom, -right */
* padding: 3px 3px 3px 3px;
* list-style: none; /* no glyphs before list items */
* border-style: dashed;
* border-width: medium;
* border-color: lime;
*
* -- dynamic content --
*
* content: normal||||attr(id)|open-quote|close-quote
* /* applies to :before and :after */
*
* -- lists --
* list-style-type disc+circle|square|decimal|decimal-leading-zero|
* lower-roman | upper-roman | lower-greek | lower-latin |
* upper-latin | armenian | georgian | none | inherit /* whew! */
* list-style-image |none|inherit
* list-style-position inside|outside|none
* list-style url("http..." disc) /* use url if avaialable, otherise disc
*
* ---------------------------------------------------------------------
* units
* em "font-size" of relevant font
* ex "x-height" of relevant font
* px pixels
*
* colors #xxxxxx, rbg(255,255,0),
* aqua, black, blue, fuchsia, gray, green, lime,
* maroon, navy, olive, orange, purple, red, silver,
* teal (dark green 008080)), white, and yellow
*
* ------------------------------------------------------------
* stacking
* "In CSS2.1, each box has a pozition in 3 dimensions."
* The "z-axis" stack determines which box is drawn on top.
* 0 is on top; higher numbers are lower in the stack.
*
* z-axis: auto|integer|inherit
*
* -- The transparency is determined by background properties --
* background-color: |transparent|inherit
* background-image: |none|inherit
* background-repeat: repeat|repeat-x|repeat-y|no-repeat|inherit
* backround-position: specifies initial position; many options
* background-attachment: scroll|fixed|inherit
*
* e.g. BODY { background: red }
* P { background: url("chess.png") gray 50% repeat fixed }
*
*
=== wikipedia layout ===
#globalWrapper
#column-content
content
contentTop
firstHeading
bodyContent
siteSub
contentSub
visualClear
#column-one "by default, anyway"; css can override positions
.portlet #p-cactions
#ca-nstab-main: Article
#ca-talk Discussion
... Edit
History
.portlet #p-personal
.pBody
# pt-login
.portlet #p-logo to main page with logo background
.portlet #p-nav navigation
.pBody
# n-mainpage
# n-portal
# n-currentevnets
# n-recentchanges
# n-randompage
# n-help
.portlet #p-search search
.pBody
.portlet #p-tb toolbox
.pBody
# t-whatlinkshere
# t-recentchanges
# t-specialpages
.visualClear
.footer
# f-list
# f-poweredbyico
# f-lastmod
# f-viewcount
# f-about
# f-disclaimer
*/