CSS on kaskaadne stiilileht, mida kasutatakse visuaalsete elementide loomiseks Interneti-ressursside lehel. CSS-is määratud objektide renderdamine viiakse läbi HTML-i märgistuskeeles. Kaskaadlaudu ei saa kasutada üksi.
CSS-i kasutamine
CSS on stiilikeel, mis rakendab HTML-i märgistuselementide renderdamist. Kaskaaditabelid võimaldavad teil kohandada suvandeid, mida HTML-is muuta ei saa. Näiteks saate stiili keelt kasutades redigeerida fondi stiili, värvi. CSS võimaldab teil määrata veerised, jooned, polsterduse, laiuse, positsiooni elemendid ja teostada nende parameetrite väljundi, mida pole võimalik "puhta" HTML-i abil rakendada.
Kaskaadstiililehti toetavad peaaegu kõik brauserid ja neid kasutatakse peaaegu kõigis veebiressurssides. Nad kontrollivad sisu kuvamist määratud keeles ja võimaldavad teil juhtida üksuste kuvamist erinevate meediumite jaoks.
Kui HTML-i kasutatakse ainult lehe teksti struktureerimise vahendina, võimaldab CSS kuvatava sisu kuvamist kohandada.
CSS-i süntaks ja selle lisamine HTML-koodi
Lehe kujundamisel on eelistatav kasutada HTML-tööriistade asemel CSS-i. Fakt on see, et HTML-il puudusid algselt vahendid elementide värvi redigeerimiseks ja see ei olnud mõeldud värvi- ja kuvaparameetrite määramiseks ning seetõttu võivad HTML-i kirjeldajate kasutamist kujunduse loomiseks pidada mõned veebiarendajad valeks.
CSS-il on erinev süntaks kui HTML-il ja see on lehekoodis siltide kaudu. Parameetrimärgendi abil saate integreerida ka eraldi failis oleva CSS-koodi:
CSS-koodil on kindel süntaks, mida tuleks rangelt järgida, vastasel juhul ei kuvata loodud stiile lehel. CSS-koodi osa saab jagada kolmeks põhielemendiks: valija, omadus ja väärtus. Need üksused on kirjutatud järgmiselt:
valija {vara: väärtus; }
Valija määrab käepideme, millele genereeritud kuvamisreegel kehtib. Atribuudi omadus määratleb elemendi redigeeritava aspekti ja väärtus määrab atribuudi vastava valiku. Näiteks teise taseme pealkirja värvi muutmiseks
HTML, saate rakendada järgmist koodi:
h2 {värvus: punane; }
See kood määrab teksti värviks punase, mis asub teise taseme pealkirjade kirjelduses.
CSS kasutab standardset HTML-värvitabelit.
Lisaks siltide kasutamisele saate kasutada ka sisemisi silte. Näiteks:
Pealkiri
See kood on identne ülalkirjeldatuga, selle erinevusega, et CSS-i parameetrid ise määrati redigeerimiseks vajaliku kirjeldaja sisse.