1.0k pregleda
Zoran Jurić u rubrici Web Dizajn od Zoran Jurić (8.6k bodova)

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

+4 glasa
Oskar Novak od Oskar Novak (6.4k bodova)
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 Duh Robot (4.0k bodova)
CSS, kao ni HTML se ne smatra programskim jezikom.
CSS je zapravo stilski jezik kojim se opisuje izgled i ponašanje HTML elemenata.

Slična pitanja

1 odgovor
Goran Dren 06.02.2014. pitanje u rubrici Web Dizajn od Goran Dren (6.2k bodova)
2 odgovora
Adriana Murtić 30.09.2020. pitanje u rubrici Web Dizajn od Adriana Murtić (311 bodova)
1 odgovor
Darko Međimurec 29.04.2015. pitanje u rubrici Web Dizajn od Darko Međimurec (31.0k bodova)
1 odgovor
1 odgovor
07.12.2013. pitanje u rubrici Web Dizajn od vulk21
1 odgovor
26.01.2014. pitanje u rubrici Web Dizajn od marijap_os
2 odgovora
Matej Tolić 30.06.2014. pitanje u rubrici Web Dizajn od Matej Tolić (4.8k bodova)
Znatko medijski pokriva
MONEY MOTION 2023
Udruga eCommerce Hrvatska

Zagreb, 28.03.2023.
PRIJAVE
Znatko medijski pokriva
WINE EnoGASTRO Vip Event 2023

Rijeka, 1. ožujka 2023.
Novigrad (Istra), 3. ožujka 2023.
Split, 15. ožujka 2023.
Zadar, 17. ožujka 2023.
Zagreb, 29. ožujka 2023.

Besplatan ulaz za uzvanike
Znatko medijski pokriva

WEEKEND FOOD FESTIVAL 2023

WEEKEND FOOD FESTIVAL 2023

Najbolja gastronomija, hrana i catering

Rovinj, 14. - 16. 4. 2023.
ULAZNICE
Znatko medijski pokriva

FUTURE TENSE 2023

FUTURE TENSE 2023

Poslovna konferencija orijentirana budućnosti

Zagreb, 10. i 11. 5. 2023.
ULAZNICE
Znatko medijski pokriva

Superprodavač 2023

Superprodavač 2023

Kako prodavati kupcima budućnosti?

Zagreb, 19. i 20.10.2023.
ULAZNICE

Medijska platforma Znatko

NAJNOVIJE VIJESTI

Impressum | Znatkova redakcija

10.6k pitanja

16.8k odgovora

4.2k komentara

1.3k korisnika

...