methodblockquote

INDEXINDEX264images,headerswith,43–44links,112block-levelelements,6–8element,51–59,139blogs,258–260element,249element,74,173,180,203,244–252boldclass,88boldfont,86–88books,261borderattribute,39border-bottomproperty,112border-collapseproperty,40–42border-leftelement,39border:none;rule,144bordersbackgrounds,24forms,78–79border-topelement,39Bowman,Douglas,258boxmodelproblem,199–202(break)element,4–7,63–67,124braillemediatype,168bulletscustom,10–11numberedlists,121turningoff,9–10validation,6CCameronMollblog,259capitalizationdropcaps,213–214smallcaps,217element,32captions,31cascadeproperty,156–157CascadingStyleSheets.
SeeCSSCDATAcommentsyntax,150citeattribute,52–53element,53,89–91,101Clarke,Andy,260classattribute,38,138,244classlabels,137class="quotation"declaration,50classifiedCSS,135clearproperty,187,193clear:right;rule,185clickablearea,66CodeCreator,97–99element,89–95collapseelement,40456BereaStreetblog,259Aelement,104–106,235abbrattribute,36–37element,89–99accessibility,30–32accesskeyattribute,69–71,80,95element,89–94:activepseudo-class,111,114,239Adactioblog,259#advertisingelement,172aligningtext,214–215alternatestylesheetsDOM,163fontsizing,160–161overview,159–160"alternatestylesheet"value,160anchorsoptionselementwithnameattribute,104–106idandnameattributes,108idattribute,107overview,104overview,104stylinglinks:activepseudo-class,114a:visiteddeclaration,113backgrounds,112dottedborders,112–113Fitts'Law,115–116:hoverpseudo-class,113–114IE6,116LoVe/HAtemnemonic,114overview,111titleattribute,110–111#apples_tabelement,251articlepage,246–247auralstylesheet,93#authorelement,55,57a:visiteddeclaration,113Belement,19,33backgroundproperty,45–46,54,55,125,142,224,235background:#cccdeclaration,46background-colorproperty,115background-imageproperty,55,224–225,239,250background-positionproperty,238backgroundsforms,78–79ofheadings,23–25INDEX265(definitionlist)element,67,125–126DocumentObjectModel(DOM)163,163dottedborders,112–113dropcaps,213–214dropclass,213(term)element,68,125–126Eemunits,209,218element,84–87,101embossedmediatype,168emptyelements,104eXtensibleHyperTextMarkupLanguage(XHTML),28externalstylesheets,151–155FFahrnerImageReplacement(FIR)advantagesof,227–228assigningbackground,226disadvantagesof,227–228extraelement,225markup,225overview,224–225fauxcolumns,202–204element,69–76Finck,Nick,257FIR.
SeeFahrnerImageReplacementFitts'Law,115–116Flash,230–232floatmethod,186floatproperty,181,183,187floatingcontent,187–190floatingsidebaroverview,181–182stylingheadersandfooters,182–183truecolumns,183–185element,158,208font-familyattribute,74,210fontsboldanditalic,86–88changing,210–211customizingwithelement,72–74font-styleproperty,87,95,212font-variantproperty,217#footerelement,182,185–187,247–248forattribute,65element,72,77,139formsaccesskeyattribute,70–71options,62–68overview,62styling,71–80tabindexattribute,69–70columnsboxmodelproblem,199–202faux,202–204three-columnlayout,196–197,244–248two-columnlayout,180–195,244–249#contentelement,183–191#contentelement,136,182,192,247–248contrast,text,219CSS(CascadingStyleSheets)addingnumbersto,128–129alternatestylesheets,159–163applyingtodocuments,150–158assigningiconstoIDs,45–46classified,135contextual,136headerswithbackgroundimages,43–44layoutsboxmodelproblem,199–202fauxcolumns,202–204overview,180three-columnlayout,196–197two-columnlayout,180–195overview,150resetstylesheets,163–165CSSZenGardenwebsite,257css-discussmailinglist,257customnumbers,128custom.
cssstylesheet,156DD.
KeithRobinsonblog,260(description)element,67,125–126decimalvalue,122default.
cssstylesheet,160definitionlist()element,67,125–126definitionlists,67–68descendantselectorsapplyingtoentirepage,136–137contextualCSS,136easiermaintenance,137–138overview,134–136description()element,67,125–126element,89DigitalWebMagazine,257display:blockproperty,115displayproperty,172,225–229,235element,50–51elementwithclassesattached,50–51combinedwithelement,98–99eliminating,138–139floatingsidebars,181–182forms,64–66DiveIntoAccessibilityonlinebook,257INDEX266imagereplacementFahrnerImageReplacement,224–228image-tabrollovers,236–241LangridgeImageReplacement,228–229logoswapping,233–235overview,224PharkMethod,229–230replacingtextwithimages,224ScalableInmanFlashReplacement,230–231element,26–27@importrule,152–155,170!
importantrule,229indenting,paragraphs,218indexclass,248indexpage,247–248inlinequotations,52–54inlinestyles,157–158element,63,71–72input-bg.
gifimage,79InternetExplorer6(IE6),116italicfont,86–88JJasonSantaMariablog,259JeffreyZeldmanPresents:TheDailyReportblog,258JinaBoltonblog,259Johansson,Roger,259Kelement,89,95Keith,Jeremy,259kerning,211–212keywords,21Lelementaccesskeyattribute,70customizingfonts,72–74forms,65–66langattribute,53LangridgeImageReplacement(LIR),228–229large.
cssstylesheet,160larger.
cssstylesheet160,160layouts.
SeeCSSleading,209–210elementaddingstyleto,75overview,74three-dimensional,76–77letter-spacing,211–212element,30,138,142,238,250GGIFlayouts,30grids,creating,39element,31Hthrough(heading)elementsCSS,156–157handling,19–21images,225–226negativeletter-spacing,212handheldmediatype,168hCardexampleCodeCreator,97–98markup,98–99overview,97powerofmicroformats,99–100element,150–157,171#headerelement,181headerswithbackgroundimages,43–44customizing,42table,33–36headersattribute,35,44headingclass,18headingelements.
Seethroughelementsheadingsmethods,18–21overview,18styling,22–27heightrule,229hi-fistyles,155–156hifi.
cssstylesheet,156HollyHack(*htmlhack),116horizontalnavigation,11–14:hoverpseudo-class,111–114,239hrefattribute,111,138,151*htmlhack(HollyHack),116element,150hyperlinks.
SeelinksIiconsaddingtolists,125–126assigningtoids,44–47idattributeanchors,107–108assigningiconsto,44–47borders,145headers,35orderedlists,127–129IE6(InternetExplorer6),116INDEX267descendantselectors,134–138eliminatingelement,138–139overview,134sitemaps,140–145mini-tabshapes,14–15Molly.
comblog,260Nnameattribute,104–108#navelement,172navigationalelementsidentifyparts,250–251navigationlist,249–250overview,249nestinginlinequotations,54nonevalue,123nonsemanticmarkup,84numberedlistsordered,120–121unordered,121–123Oelement,121–123,127#opponentdeclaration,46orderednumberedlists,120–121organizations,256–257P(paragraph)element,19,73,76,209,218paddingproperty,115paddingvalue,42padding-leftvalue,51paragraph()element,19,73,76,209,218paragraphs,indenting,218Perlscript,95PharkMethod,229–230phraseelementselement,92–94element,92–94element,90–91element,94–95element,95microformats,96–100overview,84presentationalversusstructuralmarkups,84–88element,95element,95Pilgrim,Mark,257pointvalues,172presentationalmarkupboldfont,86–88line-height,209–210:linkpseudo-class,106–111element,151–152,156,159,168,171links:activepseudo-class,114a:visiteddeclaration,113backgrounds,112dottedborders,112–113Fitts'Law,115–116:hoverpseudo-class,113–114IE6,116LoVe/HAtemnemonic,114overview,111printstyles,173–174LIR(LangridgeImageReplacement),228–229ListApart,Amagazine,256listsblock-levelelements,6–8element,4–5bullets,9–11horizontalnavigation,11–14mini-tabshapes,14–15numbered,120–123overview,4,120term/definitionpairs,123–126element,8wrapping,5–6list-style-typeproperty,122–123lo-fistyles,155–156lofi.
cssstylesheet,156logoswapping,233–235LoVe/HAtemnemonic,114lower-alphavalue,122lower-romanvalue,123Mmain.
cssstylesheet,157Marcotte,Ethan,260margin-leftvalues,51margin-rightmatching,195MarkBoultonblog,259master.
cssstylesheet,156–157mediaattribute,168–169,171@mediarule,170element,21Meyer,Eric,258meyerweb.
comblog,258mezzoblueblog,258microformats,96–100microformats.
org,96MicrosoftInternetExplorer6(IE6),116minimizingmarkupassigningclasses,135INDEX268screenmediatype,168screenreaders,85screenstyles,171screenstyles.
cssfile,169#searchelement,172searchenginerobots,21semanticmarkup,84,96ShaunInmanblog,260Shea,Dave,258shorthandmethod,46sidebarattribute,87sidebarclass,136#sidebardeclaration,87,136,172,183,189sidebarelement,136,138,192–193#sidecolumnelement,196–197sideheadingclass,135sidelinksclass,135sIFR(ScalableInmanFlashReplacement),230–231SimonWillison'sWeblog,260SimpleBits,97,203,240sitemapsborders,143–145bullets,142–143rawmarkup,140–141style,141–142sizeattribute,71smallcaps,217spacing,letter,211–212elementboldanditalicfonts,88dropcaps,213FahrnerImageReplacement,225–228headings,18–20logoswapping,235PharkMethod,230speechmediatype,168speechsynthesizeruseragents,85Stopdesignblog,258element,58,84–85,101,124structuralmarkupbold,86–88element,84–86italic,86–88overview,84element,84–85StuffandNonsenseblog,260styleattribute,157element,150–151,156–157,170styles.
cssfile,155,165,171Subtractionblog,260summaryattribute,33swappableicons,25swappinglogos,233–235synthesisparameters,85element,84–86italicfont,86–88overview,84,84–85Previewoption,174Printdialogbox,174printmediatype,168,172printstyles@importrule,170@mediarule,170buildingsheet,171–175mediaattribute,169overview,168recognizedmediatypes,168–169separatingscreenstylesfrom,171printvalue,171print.
cssfile,171projectionmediatype,168publications,256–257Q(quotation)element,53–54quotationselement,51–59citeattribute,52–53element,50–51nomarkup,50overview,50element,53–54#quoteparagraph,55–56R#recorddeclaration,46redclass,137relattribute,159replacingimages,241resetstylesheets,163–165reset.
cssfile,163resourcesblogs,258–260books,261organizations,256–257publications,256–257#rightelement,247rollovers,image-tab,236–241Romannumerals,123Selement,89,95ScalableInmanFlashReplacement(sIFR),230–231screenattribute,171INDEX269element,38transparency,heading,26–27ttymediatype,169tvmediatype169,169two-columnformatassigningclasstoelement,248floatingcontent,187–190floatingsidebar,181–187overview,180–181,244–246positioning,191–195stylestructure,246–248typeattribute,123,150Uulattribute,145element,6,8,32,135,139underlineoverlineproperty,111unorderednumberedlists,121–123UnstoppableRobotNinjablog,260upper-alphavalue,122upper-romanvalue,123Vvalidationtools,256element,89,95vCardmarkup,100Veerle'sBlog,260Vinh,Khoi,260:visitedpseudo-class,111visualbrowsers,94Vitaminonlinepublication,257voice-familyproperty,201WW3C(WorldWideWebConsortium),28,256WebStandardsProject(WaSP)256,256weblogs,258–260widthproperty,199,239widthrule,201WorldWideWebConsortium(W3C),28,256wrapping,29–30,122XXHTML(eXtensibleHyperTextMarkupLanguage),28Y#yeardeclaration,46Ttabindexattribute,69–70,80tableheaders,31element,32,39–40tablesabbrattribute,36–37accessibility,30–32assigningiconstoids,44–47border-collapseproperty,40–42forms,62–63grids,creating,39headers,33–44overview,30summaryattribute,33tabulardata,30element,37–38element,37–38element,37–38tabulardata,30Tantekelikblog,259element,37–38element,35term()element,68,125–126textalignment,214–215captilization,213–217contrast,219fonts,210–211kerning,211–212leading,209–210overview,208paragraphindentation,218replacingwithimages,224transforming,216text-alignproperty,214text/cssvalue,150text-decorationproperty,112text-indentproperty,218–219text-transformproperty,216element,37–38th,tdrule,41element,33,43,46element,37–38#thisformlabeldeclaration,74three-columnformatassigningclasstoelement,248layout,196–197overview,244–246stylestructure,246–248tiledbackgrounds,24–25titleattribute,92–93,104,109–111,117,162element,21,110tooltiptitles,110–111top.
gifimage,56