Zoran Jurić u rubrici Web Dizajn od
uređen od Znatko

Imam tri pitanja:

  1. što je to CSS?
  2. koji tipovi CSS-a postoje? može koji primjer?
  3. kako se koriste klase u CSS-u?

Prijavite se ili registrirajte kako biste odgovorili na ovo pitanje.

1 odgovor

+10 glasa
Oskar Novak od
odabran od Znatko
 
Najbolji odgovor

CSS je programski jezik napravljen za izradu web stranica. Danas koristeći HTML (za strukturiranje) te PHP (za server-side programiranje) možemo napraviti puno no bez CSS-a danas bi web stranice izgledale kao da je 1998. godina.

Naime, punog naziva, Cascading Style Sheets je style sheet programski jezik (čija se obitelj jezika koristi za ekspresiju strukturiranih dokumenata) koji opisuje web browseru kako stranica izgleda odnosno kako izgleda te kako će se detaljno formatirati dokument koji je napisan u markup programskom jeziku kao što je HTML. CSS se može upotrijebiti s bilokakvom vrstom XML dokumenta što uključuje i obične: XML, SVG i XUL.

Stilovi definiraju kako će se prikazati HTML elementi te su oni dodani u inačici 4.0 HTML jezika. Netko tko pozna barem HTML treba znati da CSS ima dva glavna dijela: selector (npr. H1) te deklaraciju (npr. {color:blue; font-size:12px;} - ovim kodom u biti kažemo Internet pregledniku da će header 1 imati plavu boju fonta, a veličin afonta će biti 12 piksela odnosno točaka.

Da, postoji više stilova odnosno postoje tri stila: Internal (ili Embedded), External i Inline. Budući da ste postavili ovakvo tehničko pitanje uzeti ću u obzir da ipak nešto znate o ovoj temi. Svaki tip stila može biti okarakteriziran njegovom lokacijom. Kada napravimo CSS Style Declarations moramo odabrati gdje ćemo postaviti naš Stil (Style). Tip stila koji napravimo će biti okarakteriziran lokacijom gdje ćemo postaviti CSS Styles. Nekako je najbolje postaviti većinu stilova na External Style Sheet (na taj način naše stilove je moguće iznov akoristiti te smo rastavili sadržaj od prezentacije, HTML je tako na minimumu te je Web Standard zadovoljen).

Internal i Inline isto tako tu postoji s razlogom. Kako saznajte više o CSS-u tako ćete znati koji Style Declaration koristiit.

  • Internal Styles su definirani <head> sekcijom na "trenutnoj" web stranici.
  • Inline Styles su definirani unutar HTML-a za određeni element stranice
  • External Styles su definirani unutar External Style Sheet koji je povezan s vašim web stranicama.

CSS klase koristimo kako bi mogli imati više od jednog stila po HTML elementu (npr. jedan tip paragrafa s velikim plavim tekstom, a drugi tip paragrafa u drugoj boji itd.). Klase u CSS-u nije teško razumijeti. Samo treba dodati ekstenziju tipičnom CSS kodu i osigurati da ste specificirali ovu ekstenziju unutar vašeg HTML koda. Npr. prvo počnemo s kodom:

p.first{ color: blue; }
p.second{ color: red; }

Samoobjašnjavajuće zar ne? No HTML dio onda ide ovako:

<html>
<body>
<p>Ovo je normalan paragraf.</p>

<p class="first">Ovaj paragraf koristi p.first CSS kod!</p>
<p class="second">Ovaj paragraf koristi p.second CSS kod!</p>
...

Na kraju dobijete ispis prvog paragrafa u "normalnoj" boji (crna, predefinirana) te zatim u plavoj i crvenoj. Eto tako to jednostavno pojašnjeno funkcionira.

Duh Robot od
CSS, kao ni HTML se ne smatra programskim jezikom.
CSS je zapravo stilski jezik kojim se opisuje izgled i ponašanje HTML elemenata.‌

Možda Vas zanimaju i ova pitanja...

1 odgovor 687 👀
2 odgovora 311 👀
1 odgovor 467 👀
1 odgovor 761 👀
1 odgovor 420 👀
07.12.2013. pitanje u rubrici Web Dizajn od vulk21
1 odgovor 1.8k 👀
26.01.2014. pitanje u rubrici Web Dizajn od marijap_os
2 odgovora 745 👀
3 odgovora 6.6k 👀
Goran Dren 08.04.2014. pitanje u rubrici Web Dizajn od Goran Dren
1 odgovor 676 👀
Adriana Murtić 30.09.2020. pitanje u rubrici Web Dizajn od Adriana Murtić

🎂🎉

Znatko je u prosincu 2024. napunio svojih 11 godina postojanja!

Medijska platforma Znatko

NAJNOVIJE VIJESTI

Impressum | Znatkova redakcija

15.4k pitanja

25.0k odgovora

9.9k komentara

1.7k korisnika

...