Razlika između inačica stranice »CSS«

Dodano 2.216 bajtova ,  prije 4 godine
sintaksa
m (uklonjena kategorija Internet; dodana kategorija CSS uz pomoć dodatka HotCat)
(sintaksa)
{{dz}}
'''CSS''' je kratica od {{jezikk|eng.|Engleski}} ''Cascading Style Sheets''. Radi se ''stilskom'' [[programski jezik|jeziku]], koji se rabi za opis prezentacije dokumenta napisanog pomoću ''markup'' ([[HTML]]) jezika.<ref>{{Cite web|title = CSS developer guide|url = https://developer.mozilla.org/en-US/docs/Web/Guide/CSS|website = Mozilla Developer Network|accessdate = 2015-09-24}}</ref>
 
Kako se web razvijao, prvotno su u HTML ubacivani elementi za definiciju prezentacije (npr. [[tag]] <nowiki><font></nowiki>), ali je dovoljno brzo uočena potreba za stilskim jezikom koji će HTML osloboditi potrebe prikazivanja sadržaja (što je prvenstvena namjena HTML-a) i njegovog oblikovanja (čemu danas služi CSS). Drugim riječima, stil definira kako prikazati HTML elemente. CSS-om se uređuje sam izgled i raspored stranice.
 
== Sintaksa ==
Style sheet u CSS-u sastoji se od nekoliko pravila. Svako pravilo sastoji se od selectora i deklaracijskog bloka.
=== Selector ===
Selector označava dio markupa na koji se primjenjuje stil. Selector može biti:
* svi elementi istog tipa, npr. svi h2 elementi
* elementi određenog id ili class atributa:
** ''id'': jedinstven element
** ''class'': može obuhvaćati više od jednog elementa
* elementi u odnosu na druge elemente u DOM-u
 
Pseudoklase su klase koje omogućuju opisivanje informacija koje nisu dostupne u DOM-u poput <code>:hover</code> koji identificira sadržaj samo ako korisnik drži pokazivač nad sadržajem.
 
=== Deklaracijski blok ===
Deklaracijski blok su vitičaste zagrade unutar kojih se nalaze deklaracije. Svaka deklaracija sastoji se od svojstva, dvotočke (<code>:</code>) i vrijednosti. Između svake dvije uzastopne deklaracije mora se nalaziti točka zarez (<code>;</code>).<ref>{{cite web|url=http://www.w3.org/TR/CSS21/syndata.html#q10 |title=W3C CSS2.1 specification for rule sets, declaration blocks, and selectors |publisher=World Wide Web Consortium|date=7 June 2011 |accessdate=2009-06-20|language=engleski}}</ref>
 
Vrijednosti mogu biti ključne riječi poput "center" (sredina) i "inherit" (naslijedi), brojčane vrijednosti poput 100 (debljina fonta), 200px (200 [[piksel]]a), 50vw (50 % širine viewporta) ili 80% (80 % širine prozora). Vrijednosti boja mogu biti ključne riječi (npr. "red" za crveno), heksadecimalne vrijednosti (npr. #FF0000 ili #F00), RGB vrijednosti od 0 do 255 (npr. <code>rgb(255, 0, 0)</code>), RGBA vrijednosti koje uključuju i alpha prozirnost (npr. <code>rgba(255, 0, 0, 0.8)</code>) ili HSL/HSLA vrijednosti (npr. <code>hsl(000, 100%, 50%)</code>, <code>hsla(000, 100%, 50%, 80%)</code>).<ref>{{cite web |url=https://developer.mozilla.org/en-US/docs/Web/CSS/color |title=CSS Color |publisher=Mozilla Developer Network |date=2016-06-28 |accessdate=2016-08-23|language=engleski}}</ref>
 
== Primjeri ==
</style>
 
== CSS1Povijest ==
 
=== CSS1 ===
 
=== CSS2 ===
 
=== CSS3 ===
 
== CSS2Izvori ==
{{izvori}}
 
== Vanjske poveznice ==
478

uređivanja