978 pregleda
Zoran Jurić u rubrici Web Dizajn od Zoran Jurić (8.5k 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.3k 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 (3.9k 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.1k 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 (30.5k 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.7k bodova)
Znatko medijski pokriva

Vincekovo 2023

Na blagdan Sv. Vinka obilježava se Vincekovo kada počinje nova vinogradarska godina

Sv. Ivan Zelina, 22.01.2023.

DOĐITE
Znatko medijski pokriva
MONEY MOTION 2023
<< the only FinTech conference you should attend >>

Zagreb, 9. - 10. ožujka 2023.
ULAZNICE
Znatko medijski pokriva

WINE EnoGASTRO Vip Event 2023

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

Medijska platforma Znatko

NAJNOVIJE VIJESTI

Impressum | Znatkova redakcija

10.0k pitanja

15.9k odgovora

3.8k komentara

1.3k korisnika

...