Što je to CSS?
CSS je skraćenica od Cascading Styles Sheets, ili u duhu hrvatskog jezika - stilski obrasci.
Dok je (X)HTML zadužen za strukturu stranica, odnosno sadržaj, CSS je zadužen za vizualni izgled tih istih stranica.
Primjerice, ako ste htjeli promijeniti vrstu i veličinu slova, to ste mogli uraditi dodavanjem odgovarajućih svojstava unutar tagova.
Međutim, takav način je često veoma naporan - potrebno je promijeniti i urediti mnogo koda i stranica da bi postigli željeni izgled stranica. Da ne govorim koliko to zbrke unosi u sam HTML kod, a pored svega i veličina samih stranica se povečava.
Neke od prednosti CSS-a:
- lakše uređivanje vizualnog izgleda
- izgled stranice neovisan o HTML kodu
- smanjena veličina i brže učitavanje stranica
CSS-om uređujemo (X)HTML tagove, odnosno njihova svojstva, a sam kod se znatno razlikuje od (X)HTML-a - potpuno su različiti.
Ne morate se bojati, CSS nije tako strašan i osnove je relativno lako savladati. Za početak evo i jedan jednostavan primjer:
p { font-size: 12px; }
Ovim smo odredili da će tekst unutar <p></p> tagova biti veličine 12 piksela.
p je tzv. HTML selektor, a unutar vitičastih zagrada nalaze se svojstva koja želimo promijeniti, u našem slučaju veličinu slova.
Eto, toliko za početak. U sljedećem tutorialu objasnit ću načine na koje možete dodati CSS u vašu stranicu.
CSS tutoriali
Kategorije
Korisni linkovi
- As-flash
- Tutoriali.biz
- Tutorijali.net
- Cro Windows XP
- Webmajstori.net
- PHP skripte
- SEO blog
- Seekandhit blog
- sNews CMS
- Webideja.com
- Xtorials - Tutoriali za web dizajn
Podrži blog!
Komentiraj