CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) on populaarne vahend veebidisainis. Ilma nendeta on raske ette kujutada paljusid veebirakendusi. Need võivad kiirendada veebilehtede loomist ja redigeerimist. CSS-fail on praktiliselt kirjutatud mingi tekstifailina ja sisaldab kujundusjuhiseid. Seega on võimalik kasutada CSS-i ka kõigi alamlehtede jaoks, mis on Koduleht kasutada sama kujundust, kutsudes selle CSS-faili üles vastava lehekülje päises. Disaini muutmisel tuleb muuta ainult CSS-faili ja see mõjutab kõiki muudetava veebiprojekti lehekülgi.

Vormindamisvõimalused

Spetsiaalse programmeerimiskeele CSS abil saab teha peaaegu kõik veebilehe vormindamise ülesanded, vähemalt need, mis puudutavad kujundust. CSS-i saab kasutada isegi erinevate toonide ja lihtsa graafika raamide loomiseks. Kirjatüübid ja kirjasuurused määratletakse üks kord CSS-failis ja on seega automaatselt saadaval kogu kataloogis või ettevõtte esitluses. Variatsioonivõimalusi on palju, sest teatud valdkondi, näiteks pealkirju, tabeli sisu, pealkirju või joonealuseid märkusi saab määratleda eraldi. CSS-i abil saab deklareerida erinevaid värvilisi taustu koos mustritega või ilma. Erinevad kuulid, erinevad dünaamilised elemendid ja palju muud saab CSS-i abil realiseerida. Pildid, videod ja heliseeriad saab samuti sel viisil integreerida, kui te ei soovi seda muul viisil teha.

Süntaks

W3C suuniste kohaselt kehtivad kuvatavatele omadustele teatud reeglistik. Nendes on selektorid, mis määravad vastavale omadusele teatud väärtuse, mis on sulgesulgudes. Näiteks teise järjekorra pealkirja värvi puhul võib see välja näha nii: h2 { color: green; } "Rohelise" asemel võiks siin olla ka värvinumber. "h2" oleks selektor, "color" omadus ja "green" määratud väärtus. Loomulikult saab korraga määrata mitu omadust. Olulised on tühikud pärast algavaid ja enne sulgusid ning semikoolonid iga ülesande lõpus. Selguse huvides on soovitav korraldada iga omadus eraldi reas. Ulatuslike projektide puhul on soovitatav kasutada ka Veebileht siis ei ole nähtavad sisemised kommentaarid mõttekad.

cssRakendusvaldkonnad ja eriomadused

Kaskadiseerivaid stiililehti on suhteliselt lihtne integreerida HTML- ja PHP-projektidesse. HTML (Hyper Text Markup Language) oli algselt kõige levinum rakendusala. Siinkohal saab üksikuid stiililehti sisestada ka HTML-faili sisse stiilikäskude abil. Kaskadiseeruvad stiililehed, st mitmed kujunduselemendid, määratletakse eraldi failis ja neid kutsutakse üles kas HTML-faili konkreetses piirkonnas või, mis on soodsam, välisfailina päises. PHP-s (Hypertext Preprocessor - tegelikult Personal Home Page Tools) ei ole CSS mitte ainult integreeritud *.css failidena, vaid seotud PHP käskudega. Põhimõtteliselt on võimalik ka PHP ja HTML kombinatsioon. Kaasaegsem variant on töötada andmebaasidega, kus juhul, kui tegemist on MySQL näiteks veebiprojekti omadused genereeritakse PHP ja CSS abil. Mitmed andmebaasisüsteemid kasutavad sarnaseid tehnikaid. Lisaks sellele kasutatakse aga tavaliselt ka teisi programmeerimiskeeli, mis samuti kasutavad CSS-i. Kahjuks on operatsioonisüsteemide ja brauserite puhul mõned eripärad, mida tuleb arvesse võtta. Kõik efektid ei näe igas brauseris ühtmoodi välja, mõned neist isegi ei tõlgenda kõiki. Seetõttu tuleb tihti arvestada erinevaid versioone sõltuvalt brauserist ja operatsioonisüsteemist, kuidas CSSi omadustele väärtusi määratakse. Selleks küsitakse tavaliselt kasutatav operatsioonisüsteem ja brauser, mida kasutatakse, vastavalt HTML- või PHP-faili päisest või andmebaasisüsteemist ning määratakse õige CSS-versioon.

eelised ja puudused

CSS on teretulnud täiendus ja lihtsustus HTML- ja PHP-projektidele. Need on loogiliselt struktureeritud ja neid saab suhteliselt kiiresti õppida. Viga CSS-failis ilmneb aga mitmel leheküljel, kuid seda saab kiiresti parandada. Eksootiliste kirjatüüpide ja võõrkeelsete komplektidega on probleeme. Seetõttu peaksite võtma ettevaatusabinõusid ja määrama alternatiivse variandi. Spetsiaalse kirjastiili puhul võib enne seda määrata väärtuse kirjastiilile, mis on tavaliselt kõikjal saadaval. CSSi kasutamine, et kasutada omaduse viimast nimetatud väärtust. Kui seda ei ole võimalik esitada, siis seda ei võeta arvesse. Kui olete enne seda ülesannet määranud tavalise kirjastiili, loetakse see viimaseks tõlgendatavaks ja teie lehekülg kuvatakse endiselt kasutatavalt. Võõrkeelsed komplektid ja muud eriomadused tuleb integreerida veebiprojekti HTMLi, PHP või mõne muu programmeerimiskeele abil või vajadusel suunata ümber ingliskeelsele lehele.

Praegused artiklid