Hyrje në CSS
CSS qëndron për Cascading Style Sheets. Stilet përcaktojn si do të paraqiten elementet HTML. Kjo realizohet duke i bashkangjitur atribute prezantimi në çdo element HTML ose nënklasë të sajë. Për shembull nëse ne duam që të gjithë paragrafët të kenë një background me ngjyrë të kuqe dhe tekst me ngjyrë të verdhë, do të përdornim kodin e mëposhtëm:
<STYLE TYPE =”text/css”> P {color: red; background: yellow;} </STYLE>
Nëse duam të përcaktojmë stilet që do të përdoren në një faqe përdorim tag-un STYLE , ndërsa tag-u LINK shërben për të treguar skedarin e jashtëm i cili mban stilet që do të përdorim ne në faqe. Tag-u STYLE duhet të vendoset në kokën e faqes. Parametri TYPE përdoret për të treguar sintaksën që do të përdorim për të përcaktuar stilet, në rastin tonë ne do të përdorim text/css. Tag-u LINK përdoret si më poshtë:
<LINK REL=”stylesheet” HREF=”miweb.css” TYPE=”text/css”
Stilet ruhen zakonisht në një skedar të jashtëm me prapashtesën .css.
Stilet e ruajtura jashtë bëjnë të mundur që ju të ndryshoni pamjen e të
gjitha faqeve të një Web siti duke edituar një skedar të vetëm.
Formati i Style sheet
Sic pamë edhe më lartë formati i një style sheets është si më poshtë: <element>{<format>} për shembull: P {color: red; background: yellow;}
Sintaksa e CSS është case sensitive. Kjo sintaks na lejon që të përcaktojm formatin që duam të kemi në paragrafët e website-it tonë. Në HTML 4.0 është shtuar një atribut CLASS i cili na mundëson krjimin e klasave elementësh tek të cilat do të zbatohet stili. Për shembull për të përcaktuar një klas paragrafi të cilën e emërtojm iformatuar do të shkruanim:
P. iformatuar {color: red, background: yellow;}
<P CLASS=” iformatuar”> Paragraf i formatuar.</P>
<P>Paragraf normal</P>
Ekziston edhe një metodë për caktimin e një stili të veçantë paragrafëve të veçanta. Për ketë duhet të përcaktojmë stilin e elementëve të HTML me anë të CSS duke përdorur sintaksën e mëposhtme:
#paragraph1 {color:green, background: yellow;}
Këto identitete mund tja bashkëngjisim një elementi HTML duke perdorur atributin ID.
<P CLASS=”destacado”> Nje paragraf i theksuar</P>
<P>Paragraf normail</P>
<P CLASS=”highlighted” ID=”paragraph1″>Paragraf i theksuar duke perdorur atributin ID</P>
