20 CSS patarimų ir paslapčių

Net patyrę svetainių kūrėjai negali priprasti, kad su CSS galima padaryti praktiškai viską - nuo stulpelių žymėjimo iki mygtukų ir iššokančių langų.

Cascading Style Sheets technologija leidžia kontroliuoti beveik visus svetainės dizaino elementus – nuo šriftų dydžių iki atskirų blokų spalvinės gamos. Be to, su CSS galima nuveikti kur kas daugiau. Pete Freitag savo bloge, skirtame programavimui, paskelbė „20 CSS patarimų ir paslapčių“, atkreipdamas į ne visai standartinį šios technologijos panaudojimą. Kiekvienas pavyzdys ne tik parodo kaip efektas atrodo realybėje, bet ir kaip jis kuriamas.

1. Užapvalinti kampai.
2. Užapvalinti kampai be iliustracijos.
3. „Žvaigždučių“ reitingai.
4. Formos be lentelių.
5. Stilizuoti sąrašai.
6. Dviejų stulpelių talpinimo technologija.
7. Trijų stulpelių išdėstymas.
8. Centre esantys trys stulpeliai su fiksuotu pločiu.
9. Spausdinimas CSS priemonėmis.
10. CSS stiliaus pridėjimas RSS protokolui.
11. „Prilimpantis footeris (footer)“. Ši technologija leidžia sukurti tokį „footerį“ kuris bus „prilipęs“ arba prie svetainės apačios, arba prie turinio apačios, priklausomai kokie objektai bus žemiau.
12. Efektas „hover“. Užėjus su pele elementas keičia savo išvaizdą. Veikia su tekstu, su nuorodomis, su grafika ir kitais elementais.
13. Kelios <hr> alternatyvos.
14. Judančių blokų perkėlimas (floats). Pateikiami keli pavyzdžiai, o taip pat sprendimai susiję su atskiromis naršyklėmis.
15. Iššokantys langai padaryti su CSS.
16. Išsiskleidžiantys blokai. Įdiegti elementai su automatiniu blokų parametrų keitimusi.
17. Mygtukų kūrimas.
18. Oranžiniai RSS ir XML mygtukai su CSS.
19. 10 papildomų CSS patarimų ir paslapčių.
20. Dar 10 CSS patarimų.