(Kjo faqe përdor CSS style sheets)
Ky dokument është një përkthim i "CSS Tips & Tricks." Përkthimi nuk është një përkthim i normative dhe mund të përmbajë gabime e përkthimit. Rishikimi i statusit të vetëm në anglisht në dokument http://www.w3.org/Style/Examples/007/evenodd.html W3C është e mbrojtur nga copyright.
Warning: në kohën e shkrimit (shkurt 2003), shfletues të mëdha nuk mbështesin ende përzgjedhës 'n-fëmijës' (futi në nëntor 2001) dhe mbështetje vetëm shumë pak element COL.
Një mënyrë për të përmirësuar lehtësi leximi i tryezave të mëdha është që ngjyra alternuara rreshtave. Për shembull, tabelën më poshtë ka një sfond gri dritë për rreshtave dhe e bardhë edhe për ato të pakualifikuar. Rregulla për të cilat janë jashtëzakonisht të thjeshtë:
tr: n-fëmijë (as) (background: # CCC) tr: n-fëmijë (i rastësishëm) (background: # fff)
| Muaj | 1994 | 1995 | 1996 | 1997 | 1998 | 1999 | 2000 | 2001 | 2002 |
|---|---|---|---|---|---|---|---|---|---|
| Jan | 14 | 13 | 14 | 13 | 14 | 11 | 11 | 11 | 11 |
| Shkurt | 13 | 15 | 12 | 15 | 15 | 12 | 14 | 13 | 13 |
| Mar | 16 | 15 | 14 | 17 | 16 | 15 | 14 | 15 | 15 |
| Prill | 17 | 16 | 17 | 17 | 17 | 15 | 15 | 16 | 16 |
| Maj | 21 | 20 | 20 | 21 | 22 | 20 | 21 | 20 | 19 |
| Qershor | 24 | 23 | 25 | 24 | 25 | 23 | 25 | 23 | 24 |
| Korrik | 29 | 28 | 26 | 26 | 27 | 26 | 25 | 26 | 25 |
| Gusht | 29 | 28 | 27 | 28 | 28 | 27 | 26 | 28 | 26 |
| Shtator | 24 | 23 | 23 | 26 | 24 | 24 | 24 | 22 | 21 |
| Tetor | 20 | 22 | 20 | 22 | 20 | 19 | 20 | 22 | |
| Nëntor | 18 | 17 | 16 | 17 | 16 | 15 | 14 | 15 | |
| Dhjetor | 15 | 13 | 13 | 14 | 13 | 10 | 13 | 11 |
Në fakt, CSS lejon jo vetëm të lejojë edhe / alternations i rastësishëm, por intervale arbitrare. Keywords 'edhe' dhe 'çuditshëm' janë vetëm shorthands përshtatshëm. Për shembull, për një listë të gjatë ju mund të bëni këtë:
li: n-fëmijë (5n 3) (font-weight: bold)
Ky nen thotë që çdo send 5 listë është të theksuara, duke filluar me një 3. Me fjalë të tjera, pikat numëruar 3, 8, 13, 18, 23, etj, do të jenë të theksuara.
Punon për shtylla të njëjtën tryezë, gjithashtu, por pastaj nuk duhet të jetë një element në dokumentin që korrespondon me kolonën. HTML parashikon COL për këtë. Tabela e ka të fillojë me një COL për çdo kolonë:
<table> <col> <col> <col> <col> <col> <col> <col> <col> <col> <col> <tr> <th> Muaj <th> 1994 <th> 1995 <th> 1996 ...
(COL mund të përdoren për gjëra të tjera se stil, por në këtë rast të gjithë ne kemi nevojë është që elementet COL janë të pranishëm.) Rregullat e mëposhtme japin kolonën e parë një sfond të verdhë, dhe më pas çdo shtylle të tjera duke filluar nga kolona 3 një gri:
col: së pari fëmijë (background: # FF0) col: n-fëmijë (2n 3) (background: # CCC)
| Muaj | 1994 | 1995 | 1996 | 1997 | 1998 | 1999 | 2000 | 2001 | 2002 |
|---|---|---|---|---|---|---|---|---|---|
| Jan | 14 | 13 | 14 | 13 | 14 | 11 | 11 | 11 | 11 |
| Shkurt | 13 | 15 | 12 | 15 | 15 | 12 | 14 | 13 | 13 |
| Mar | 16 | 15 | 14 | 17 | 16 | 15 | 14 | 15 | 15 |
| Prill | 17 | 16 | 17 | 17 | 17 | 15 | 15 | 16 | 16 |
| Maj | 21 | 20 | 20 | 21 | 22 | 20 | 21 | 20 | 19 |
| Qershor | 24 | 23 | 25 | 24 | 25 | 23 | 25 | 23 | 24 |
| Korrik | 29 | 28 | 26 | 26 | 27 | 26 | 25 | 26 | 25 |
| Gusht | 29 | 28 | 27 | 28 | 28 | 27 | 26 | 28 | 26 |
| Shtator | 24 | 23 | 23 | 26 | 24 | 24 | 24 | 22 | 21 |
| Tetor | 20 | 22 | 20 | 22 | 20 | 19 | 20 | 22 | |
| Nëntor | 18 | 17 | 16 | 17 | 16 | 15 | 14 | 15 | |
| Dhjetor | 15 | 13 | 13 | 14 | 13 | 10 | 13 | 11 |
Background i rreshtave (TR) është tërhequr përpara sfondin e shtyllave (COL), kështu që nëse duan të jenë të sigurt se sfond të shtyllave është e dukshme, ju nuk duhet të përcaktojnë një sfond të rreshtave.
Additional CSS resources:
csswebguide.com | writecss.com | optimalcss.com csslectures.com | improvecss.com | cssfirststep.com
Bert English Bos