Net patyrę svetainių kūrėjai negali priprasti, kad su CSS pagalba 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 naudojimo
- 3. „Žvaigždučių“ reitingai
- 4. Formos be lentelių naudojimo
- 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
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 CSS pagalba
- 16. Išsiskleidžiantys blokai. Įdiegti elementai su automatiniu blokų parametrų keitimusi.
- 17. Mygtukų kūrimas
- 18. Oranžiniai RSS ir XML mygtukai CSS pagalba
- 19. 10 papildomų CSS patarimų ir paslapčių
- 20. Dar 10 CSS patarimų
Šaltinis: Pete Freitag
Paruošė: Kriause.com
