Cascading Stile Sheets: The Definitive Guide SEF O'REILLY’ Erie A. Mover % TAMAR He ct BFS ECSS HAH Eric A. Meyer & BA OFT FE O’REILLY* Beijing © Cambridge « Famham + Kiln * Paris + Sebastopol * Taipei + Tokyo FOCAL Hh edBSHRE (CIP) Rte CSS peau / (Je) WEES (Meyer, E.) Ma TPH. ATH. doR: LY tneeL. 2001 BIR: Cascading Style Sheets: The Definitive Guide ISBN 7-5083-0560-4 TC. 0.08. BF Ty .TP393.092-62 EMA Bte CIP Ache: (2001 } 58 12491 ACTEM A ali, FEF: 01-2001-2084 4; OA. WWE - ATR, CSS — fH © 2000 by O'Reitiy & Associates, Ine. Simuptsfied Chinese Edition, jointly published by O'Reilly & Associates, Ine. and Chena Electric Power Press, 2001, Authorized transtation of the English edition, 2000 O'Reilly & Associates, Inc the owner of all nghts (o publish and sell the same. All rights reserved including the eights of reproduction in whale of in part in any form HAL Mw O'Reilly & Associates, Inc. 3s He 2000, iP CMP OT ae HG ete 2001, HLA) SIF A] O'Reilly & Associates, Inc. HAR A, SR AR EA Hs Rho aH AB A HAR fo da Ob FA A — O'Reilly & Associates, Inc. ¢} HT, BRAT. AP BGT. REOTR Of SiR AA EH, A? CSS tweet +3 Zi ISBN 7-5083-0560-4 TARE) KA HIGWLIt/ Ellie Voickhausen, H(t BRR TE? TS ARGH (wew.infopower.com.cn} Set) dks 3 TB 6 (wb HATA 100044) & Hf SHReRe BBY deat AED Ro de WIR K« ISA LWA FOS HIK a50 FE He ee 2001 FS HB—ME 2001 4F SA eel Fi & #1 0001-3000 rt 58.005 (AR)ear AMRPRP AR. COOMERMEEAMER. HAASTELARARAGA BH, CS LRAR MMM RAT HZ, HRGHIML ST RR—H BS SE AE IRIE ALG RIS) SSR, ACSSWS TA, ES Ab Tk iki, BCS. FRET EHAAR AAR, HECRRA MRS TA 2. TAPE, MH KARRTA THA EHH eA. APH AAT. CAL RACES SAA ARYA De Rn aye Oy Rb, AACA ECS REEMA. Th Wed MEP BAA AR KT FRAN CSS HSA, AKAM CSSORERER. Hike RA KA ARH TCS RADAR, FRO SURES RE EARARELRLAGRTOARBHREN, GLARSOHRAD, Bld 7 SHE RERAARRSEA, SRARAA HEIL, RAH HTML A WIM, REORERLE, Abii tea Eric A. Meyer: 2 FRARSS (WIC) CSSRFP LMG HARE Ee ARAL—, PRAY CSACMIRS, RERAABBAGRAMA, RRTK EGRABH. AYES STK T O-PERCSSFEESGRN, MUR KD GASRA HG, RAHM, RHART ELAR EA Ro LBA BREA. CRT SEARS GAR AMES ORT. KGOMHS URGE DAR AT ERA ELS THR MHRA S SE, NSLEGAC LEAR ERE BORA Kibo THF LG, HEBER RH PRORREBRS AEA HL HTHS HA, CHER M R8, Lies GAEL, BET HRS RALKAM EL RODS KE PARES , ee 200) 3Aa a $—B HTML 45 CSS 528 0 eh BB AE CSS RABRZA CSS A FAIR. CSS 40 HTML is & .. $—3 BER SSM. BAMA ARAB TE. ah.REPB on. a — oe 69 Sa8 SiMe BOR VAR ...... 93 KERR Ih & .. SER FARE PARI Fie nts SRRT HaNaH RARBAL: FAR 25eR AN BAR HEMER Ae. RABR BBB oeAR _ iii Ste BSW BALE... ALLA, RANE? un ahee ee an WR in am BAS TM HE 282 M+H CSS2 RE. 364 5 CSS! AB BI... C852 EE FRSKAFO oe WARES @ Ml DS SAP HB CSS BAH ecccttssesssseessesccesseeesneecesneessnnnnens 394 ERTR. ERSBD.. PR — CSS BIR oo ccccecssssssussessesetsesnenetnstanie 423 DAR HTML 2.0 BREE oo ccsscccssesseseeeessesensee 428 PERE. CSS1 BE ccc ssccsssseesesstensnenenaeeenee 430 PE FEDD CSS SHER oe csssssnssesseeetnesatasneensese 455 WLR ..TESA BM TCA SU IBS, PAS RAEN #e( Cascading Style Sheets, CSS). CSS AMT “fai”. BCSS1 MMCSS2. Eli Li RA: C82 Be CSS1, AEALEIMA FIRS HAHA. ABR TAT CSS | AA. LLB CSS2 5 aba. CSS zeit (positioning). FiCSS2MAAM TWA WEEN, BD EGR BM, KA CISL LTERML A RAL, GL GS A SRR. ERA DB A aR OAR EF PE AU ER, SOUR PRS SEF LT. RO TET, SP REAM HD, RZARAEAN. AMAR IS a, COME HTML 4.0, 88, t}HTML BARB, FAAP WAR. ESCA A I. a OTL PACE. AT RAE BH. WAAR BIL, RR RUHR Rie (BDET -TRAB AMM AT EARO), gE HTML HICSS ih, AREGREALEHBAIGR PK. Gan, REWER (WIC) Jeu ©) XHTML 0A. SLE DAM RT REM. WE CSS RI, AD EGA ALE SABRES ER PC ROAR Ds ~ ESET Te se 2K Fy CSS1 SEE . Th LAMY CSS2 SL th 90 WL. ELA. ATO WH PERU, RAS AR BRST AD TEL BLE? 3] CSS 12s AHHH TIBET FE ATE RE.HERA ABER BST EAE: ‘$e (Constant width) AFAR, HTML se % At CSS UH. Sek (Constant width) JAP SCA 6 od BR EE BH (Malic) RT SARM AI. KARR BBA. EAI TTR NICSS RAE EBD — PAAR BA AE {CATA . RMR CSS HATE DRT AN. AREAL BE Wis RR TICE RIA ADD Fe APE: SOUP: < KM > | thick | thin 1{1,4} ACU: [< BAAR > 1" < RALA RR SCUF(E: ? < HU > [1 1? SUPA: || FEE EIS “<7 AL “>” AT EAE TA I, Be HE FOS. PAN, fone BAe aT LARS £E fo] RT font-family BMRA AR (A? KARMEL SK ALAMO LEBER, CL AUER RAVEA WR, AES. EAL (/) ALES (,) ARTA. DUP KERR E - OR EAT BL SL —— TR. ta fl, “help me” BUR Aik 7 MC EO ME ERS.AOR AA OXY) SMT ATA WER 2 --, B (XK VY) BORE XBR Y, SAAB, CLAM ATMEL. HH LF OM. PERF BA, TREAT AR. EH, OV WIX WY 2? REF CVWIILXOLY ZH" BTR T AUS LBL, TPE RAE 4: © WS (+) Moma a ALM eR Bak. IRR, Dudket* Hay MF “bucker” ALLEN ERK, IRR. At THRE AN Be ERT AT ELE © WS (+) AAMT RA DAMA ARS. AH, mop RAR F ‘mop’ AbLREA—K, WRATHURS A. © AS (2) RAMA HOA TAN. fA [pine cree] AK “pine tree” TTLAB GENT (HTL IR, Eis abe EINE HL) RAE SN PR (MLN) } Ze ace ASA we ose HE > Mk. Bee N A. FI, hala +P, MRR T “he” HM. Pit eG: give || me || liberty Eb Baie BZ EA AEM AR. fli give Liberty, give me, Liberty me give filgive me liberty @E4i4q. | I | am) ? che || walrus MET Re am TLE, GOW Pa LEA. i. the eH walrus, RAEN BATE. eH. PILMEG MI the walrus, am walras the, am the, T walrus, walrus the #4. koorka-choo PREP 100 fH Fe SURF ka-choo. fk, k00 koe a-cheo, koe koo koo ka-choo filktoo xa-choo #32 PrisAY. koo BeBe nl LEACH TS, AM ASR ae AT HR ENDBK > uh I really{1,4}* [love | hate] | Microsoft | Netscape! REM SREE LNB. TRI love Netscape, I really love Microsoft, ARMMMN—kiyF. TAMPA really, (AWA love fthate PAPEH +, (A GIH ERE T love. [[ Alpha || Baker || Cray], [2.3] and Delphi EMRE RIAK. [REIMER Alpha, Cray, and Delphi, HA WCE Alpha Baker, Cray Alpha, Baker Cray Alpha, and Delphi. i SUA BASHA MHC HAR S A. aK TTTIC SNIP BABES ct MGR, REPEAT LRA) LR BR GR AE AE KI. WRK AR, MERU AMAAT AR, HM Pe Sb ei RATT: KE: OReilly & Associates Inc. 101 Morris Street Sebastopol, CA 95472 eB: 100080 ttt THRE RAAERA 49 SA HA oo B AE 809 RAR COR) AMA el HRA IRR A BAT TR IS, i ES info@mail.oreilly.com.cn STVAD HT AM 1 ALE. Be ALO ARAL hutp://www.oreilly.com/catalogicss/ Ae. (elds WWW EARS:http://www. oreilly.com hup://www.oreilly.com.cn SARGRWT—T At AIRC BE, Bt BPA. Pao TARSAL TPE PRP SS ACER) HE OT BE FSM By HE RT RS CAB ARM» Fioe SH AT. RIA CAPRA TE CSS th 1 ALE Ae Bah 47. GUARDAR RU AB Ai Dd Ed He EB A TSM, BRA TRS ALOMA, RN MEAT. 4494, H5e4 Opera Software (fy Hakon wium Lie fi W3C fy Bert Bos, jH-f Aff SOE CSS. RANTS TA RW HEARS AS, ORBEA. Bert Ai WC AY Chris Lilley, Ahae nD TAF Eg hn PALL. (RABE DAD FATS. STOR: - SULA, i Lt EX (i RA W3C #5 CSSAFP T thy AE. Tim O'Reilly 4 f RAS EOLA, ALRRAAR. O'Reilly SF 48, Richard Koman, RSMAS GM. REPRE LM SINE FARR Hee. Tara McGoldrick, RFE7EO'Reitly Te, MIE RERL. IF RGA MH T RESO, RRMA BAS. Songline LH Ay Dale Dougherty % 7 HME GU Stk HMMA, HL Chuck Toporck (HELE OReilly TE) ERAH—TMTE (Weh Review) Aah. HUA ARM AR ARTA OATHE E AE. RATAN. [adh Peter Murray, JER ATT Heat HH (AY SEPA Te AE AR IE — TRAIT, UL Ron Ryan, gh IRA a BORNEAN, SPLAT Me RAS oi. Feit SHO LAE, RA Usenet 4] comp.infosystems.www.authoring.styleshects [iJ — BOARS FR SA EE TD CARD AMD. TES 441. Todd Fahrner, Alan Flavell, Anthony Boyd#ilJan Roland Eriksson Si HRT ES AES. HSA A, Sue Sims HOR BWA (AAR$") Ah AaB Lahity A — MBE @ 4k. Ian Hickson 4] David Baro ff: 4 CSS jj IAS AC. ARR TASS APA, SRB Se NY bug BG HH CSS TRAINED WARN I). HAIER OS RS ER RAID aH. APR RL TRIN BRAG CSSA B (7: Todd Fahmer, Liam Quin, David Baron, lan Hickson, Sue Sims, Jan Roland Eriksson, John Alsopp#lBraden McDaniel. BY, FELERABH. PE, RAR Pde, RATT ZT ASWE? AF PAR METI A Sc. AER. MIP REA EARS AAD HAHA EH oy. HR. LP AeA) AMEN IE TH SRR LS BIL RIT Mk. Tim Berners-Lee BT WWW iW, MRARESEM. BAB YAIRI. (LAF LE 5 A AK a Tim A WR. TA REF ICR AB LANA: 400 EME Berners Convention, RA, RTADRERIM: Michelle, #2 RAE SMAAK; Randy BERR KARAM Steve EA ERLUAMILE WH TABS MAB; Dave (£ REPARRMATRR, PHEIRAGL CM, PRAM RRM, LH TRYSILRAMN SIE: DA Ting, AAR aes AUNL ABARAT Rk. GER SWRIOLT , Kathryn, es TREC. ME RARE, that PARA AR DATE ATA Es AAT, Art AOCarol, 4B, Julie, (eA. BE HOLTER EE FRR ARM ABA). — Eric A. Meyer 2000 F223 AAS HTML 5 CSS WRB KI, ARH (Cascading Style Sheets, CSS) Mibtixe THA FL | EEA OEE ARIE RRA DL i. CSSHAWET—#, BRERAT—S ES i HAGRN—-S. ROMER. TALE SMS Ai EE CSS OO Wi. LAR CSS eM NES & TD fae A LT. Po ae Be) Fe Be 58 AB) RO RAY FIM (1990 - 1993), HTML sd APA RS EAT SLPS Ea AL CRA. METER HR BR AER UR ETT Ns (LAR eH HERA BUTT ode BLE TR HE BRAD BADAAN, BBE ILMB LER UA, HTML EO ILITA. JAPAN BI AGB ATRL 6 BPS SEB SF WY EEX AB a, HTML AVR DIE. PRATER RIM, BARB AL NBO RI A RAT Mosaic 9h T. BB, APE ART OAL, 7 SEN DET A. ACER A — 7S. ALLER RE ARER. 7& . _ &—¥ BAK ADRAMLT. AE, MAMRRIVE eae, WAR OEA RUM ALARE THRASHERS. EBA R BH. EBA, RBA PUP OLR RSE. FLW DAP EI AE SAREE, KET, AS) Re PSD tk OSTA. LE 58 Jn. ati ty MOR ML pp (GRAAL SALT. LA PE PRA TRS AER Si}, HTML HPA SMM I AARNE IRATE ER iho A, REE RIEC—z SHR — RHA, REA AAMEMIES TE ARAL FL eH SEAS AEA A AH Ce a CB ARAM. ALT PRUE), ( fil PME ARIB ST. RR. — ANE WE TARR alf¢-B JLAE KG, BALA ARR TR hat AR AR AS PE. Pn, HTML 3.2 4 HTML 4.0 S65) 2 a8 HE PPA |) UE. 3B Ti it FOMT RARE OMA, PONG RAE AR, TR AIC oD A A IE CABRINI SC ETE. OARS ERB TB eR RE PB” PAE eM = i. AERTE AT Gi — PED AG AE A S o T e HE H SRE ASIC AAR LATER, RES AAU. I, ASMA, RAM FONT REIL PART EMT ETL ARIA al POE A BM IA ES FOR Be RE GH I LE LA EER EAB Z, — AU (ALN, PERATURE FONT AR if AE RE RE, aE: MEDLEN ET RRL TARE. WR A 40 PR AL FATAL AGRA 40 7 FONT ARE» (A WPL —T) ATs SBR AT EBY THE BBE A. ARERR & YE Ye te Ditka, TBST ABD PONT RE HABIT. EERo Be BRR HT RMVELRE (RRB) HRA. iit ALLE. HLLBOA WE, dee —T PONTE. SR, RBM Hee MRE RAS, ATER TTA ER i HAE. dR A A Sb (9% FONT AR. MEARE IADR ARATE (A UAE Re BO BIIHL C GMB — RAL BH: 2 (color: purple:} FRALGEATR iL TR 5 RAN A EER. pAb AR LN OL Be BRAVA Le AB ama : HL (color: maroon; font: italic lem Times, serif; text-decoration: underlines backgrounds yellow: } ENBS BORLA HTML RA. (SBA AE: SRR 2 FL ARR 2 Zt, AURBER HTML, URAik 12} 82 HRBRS Dhric JE? RS. 2-H, MAL CSS. RGR Tiere RB: HL, H2 (color: maroc; font: italic lem Tines, serif; vext-decoratioa: underline; backgrounds yellows} SLE MEEK EP 1 ALM LHR. ALS MA 3 OTT SoA Hi IED ORM K, CSS RMA EA SM. EEE AA HL A012 7S 2 7S) ITM Spit fe SE MOI, ACHE ATTRA A PEGA ARTE MII iol, FF BLUE AT Hee: HL, H2 (color: navy; font: bold lem Helvetica, sane-cerif; text-decoration: underline overline; background: silver:} MEGS BHAT Sek LT, RBS ES CSS IE — BR Bt asta HTML Bobet a BI. KEMCSS MMT AB RA ATOR OE LL Re WUT SRS CUR RAR. AMT BRE TO EY. ELLE A TATEHTML 5 CSS 3 Bel FRET wh ye. iA, Bet Coc) SEB ICS Shain RE ae KBE SE TIA LF. ESRLEARR Lise Sil. PROT Ae BE Bl H.R E GORE RESCH EE AA TA 9 TR AE A: FERS ECR ERR, PRE OP TR SL AG TERY. I HE EMAAR NR — bo A Ae — SH A TT Ee A, ARE IX FE-PE SOUP Eee. OR EE TCA RE LTRS Be —— 8 ay Re SRE PL, PA A EPL CR. ETE GUE -HEAR P RE: AL, H2, H3, ad, 45, H6 (color: gray: background: whites) SLA RALIC A 45 700 NOL, Set LA Re. (PS FAL, Dee Aros RAE Ade Ae a AR LS a BR EL BA TR RAK: Wi, #2, ¥3, 4, HS, HO (color: white; background: gray:] PRA ER, TENET = PREC oe I — AEA ONT A SRG ST. MAL 7004 TT, HEALD Re CSS MURDER XAG ADMIN ORT eye; RRA OH A, TERA. CRE ABP fe BL LE EA OPA A, HAIG, TES T ARBORS, MRR A RTE CTT ARE ARLIM. BTCA DR PRE A, AIEST ABLE ch TATA A 28 de TE, PEA, BER OUTS PRANK RAE BEM TB.MW -# Hi, A Ab 700 AA. CRLEKEAS ES, MTR SAREE RHE. LTE, RTA KAR: 1, AZ, #3, Hd, H5, HS (color: yellow; background: blue;) Witt TRE. RW RR LAG “TLR” fee. LL, RSE RE MAMET, RTOS SRA TH Tawi. SFR MPMAL. SAE De SEAR CR FRU a «A (RI) WT DAE AL BL FUE LAER (PRAT APSR RR. 1H OM) AE Be HT A RT PE ATE KR, AAWME EE He. eH. CARRERA, ee SSC OAR A A:Link (color: white; background: black;) ARAANLP TABS Ell RA: ORL, MT EMEA RAL OF Binks: SRP SUA ORT BD a ERAS TH Pk a 0 FRR TSAR Lb. (ARR, MATAR.) A. RE EASA SHE AE aE EH A AT FBT A THERA SA. SERUK BRR R, MHF CSS aA RIE ARE Het AR. FER EAS BRT TPE RS HP ae A eH ERR 2 9h, CSSA RR BAD, LL AG BAGBY A). TBA EAE A MME? EARN Bi PARES . ABS HT BAK JU2A AD PONT fe ELAR A PLE. AEH. UE HTML fick. ATSC EA. EAS ASAE i WEIL. FARRER EA RRR ESUM, BEAT 2 Por be Ade th — 2 Ae, HE. SHE, CSS MTEL PRA HR. MO EE.ARBRE OE OF td BAB OD. HTML AREER «IM CSS RP EAS PANIES — ALISA ER TOL, W3C TC ANE A RHERD EBA ZHU HTML HUG RERA RE © SORTA Se ARK REM AD Le HTML bp 25 EEE RUE AROR. BELL HTML Sh eR T EBM, HTML 0 MUb AES SRE CRS RR EMIT BT ELAR ILAES B AMER, Be EATER UTE. UDO EN REY ATH URE, , , , , fil ER FIO, ol. BMARARM USL, ke ATML REAR. WHE.. HTML AH RRS RAT Ree (XML) BiHEAL. XML EG HTML EMR, AWHRA. BAR. REIL, XML A SHRM EMGAR AWE R EAD: Binport, wri (shee? css) ; RL {color: maroon; } BODE (background: yellow] [* These are my styles! Yay! */ BDC

Waffles! ‘The most wonderful of all buewkest foods 1s the waffle~ a ridged and custered slab of home-cooked, finffy goodsiess whach wakes every child's heart scaravth joy And they're 20 exsy to aie! Justa smple wafllé-msker and sony hater, and you're seady for amnoraing of eromate eostasy! Bit — Nae BUTE. UR Bu T Has — Pc SITE PE EB Sy LINK #538 i GED LAE RAE TD AR EL FE1-3). EF), RATA AS A SUPER EP, MLE RE Mea. fag: val">Thie paragrapa will be gray only if styles from the hewtva.css' are applied,

otnis paragraph will be gray only if styles from the styleshect ‘sheet-b.css' are opplied.

‘This paragraph wal be gesy ony W styles Liovu the styleaneet "Sheets eas! are oppled The pane vaph will he pray oslyraf amples treca me rpesheet ‘sheetb ese" ave apphed 13 GSRRNAARHTML 4 CSS : 21 WALLER TARWAR. EMEA alternate stylesheet (RELA iit. TESA EIR EH a rE Poe. ARR BHO, NSARM, MUST BR, ATE (alternate) BAH FTE HE BNE, ORT TT EERO AR, ER AL TICE RENEE E— RANE AEM. ATT RRR BS: LINE REL="styleshect™ TVPRS*text/css* HREFs"cheetl.cea* TrTLe-"Default*> JAY PS Ye Be A Te RK. AR SRR EA Ay “Default” ) SiS AG ATE AMEE Le. FAL 4 SB a Tk PM Eric's World of Waffles dolore w feugait nl fc | | Bi-4 MRR RA AALR WE LS BRAT — Se 4 Lik HEME — Internet Explorer for Macintosh BAR. = at ATO SPAT - TRH TARR (1-4 Fi).2 $—-* SABA. HEAR TEE AIT B (Internet Explorer for Macintosh) 423 M{Lfaj RELAURR A alternate stylesheet fj LINK AH ML FARES, PRIRAL Puke THR. STYLE TE STYLE 7, HIT EAR AF HTML Pea AS 0 5 EAE LR BK, MATE. AAS EE. STYLE SEAL TYPERRTE: 46 — CSS EB, EN A text ‘css, HAR AE LINK ERE PV ADH:. FE, STYLE ARYERELA HGR. CEH AGRI STYLES EASE A KHER RIA A BS MPHARAKAS LEE. ERS AFLAMHA, HWS AE Gimport Has AMA & TOMBE HO) HERE @importiga SUE PSY LEGO BALE Tt ZEA — AMET LINAS: @ipore FHaE (directive), nial LINKER HE, Gizwort MEW H Td RUM BRA SERRE Ze, LOBE ETM SCP, MEA AL En AR EBS LEA. EMRE OIE, Gimport BIT STIR REAM. EB mE PH, MTR CSS MUS, SRR ELIE. , BRA —-RBME WJ. ARMA SANZ BATHS BH DA Ay ATE DMS BH LA BB SCAR PAH A A A Se ZO (4ARURER BRAKE, AACA ER BOY ROMP, HRA ARTE AM AAR.) ky 1-5 Bia. ATM AG, HPRALERRERHREREM, ARTI HNETH FH, EPR IEA BLE STYLE TF MRE MG, AERA STYLER Ay Reb BA ai ai: