Cascading Style Sheet (CSS) on veebisaitide kodeerimise süsteem, mis võimaldab disaineritel korraga manipuleerida mitme funktsiooniga, määrates rühmadesse teatud elemendid. Näiteks veebisaidi tausta koodi kasutades saavad disainerid muuta veebisaidi kõikide lehtede taustavärvi või pilti ühe muudatusega CSS-failis. Siit saate teada, kuidas luua põhiveebisaidi jaoks CSS-i.
1
Veenduge, et teil oleks põhiteadmised HTML-märgenditest. Peaksite teadma, kuidas sildid töötavad ning atribuudid src ja href.
2
Õppige mõningaid CSS-i põhiomadusi. Leiate, et omadusi on väga palju. Siiski ei ole vaja neid kõiki õppida. Mõned head CSS-i põhiomadused on värv ja fondiperekond.
3
Lisateave iga vastava atribuudi väärtuste kohta. Kõik omadused vajavad väärtust. Näiteks värviomaduse jaoks võite määrata punase väärtuse.
4
Lisateave stiili HTML-i atribuudi kohta. Seda kasutatakse elemendis nagu href või src. Selle kasutamiseks pange võrdusmärgi järel olevasse jutumärkidesse atribuut CSS, koolon ja seejärel atribuudi väärtus. Seda nimetatakse CSS-i reegliks.
5
Pidage meeles, et professionaalsed veebiarendajad ei kasuta sisemist CSS-i tavaliselt veebisaitide jaoks. Tekstisisene CSS võib lisada HTML-dokumendile tarbetut segadust. See on aga suurepärane viis CSS-i toimimise tutvustamiseks.
6
Käivitage programm, mida soovite kasutada. See peaks võimaldama teil luua HTML- ja CSS-faile. Kui teil pole installitud spetsiaalset programmi, võite kasutada Notepadi või mõnda muud tekstiredaktorit. Lihtsalt salvestage oma fail nii teksti- kui ka CSS-failina.
7
Avage oma veebisaidi HTML-fail. Kui teil on see installitud, peaksite selle avama ka HTML-redaktoriga. HTML-i redigeerijad võimaldavad teil samaaegselt redigeerida HTML-i ja CSS-i.
8
Looge oma HTML-i peas märgend