Značenje zagrada u CSS-u

Sadržaj

ključevi
zagrada
zagrade
ševroni
CSS Bilješke
reference
sredstva

Akronim CSS dolazi iz engleskih "kaskadnih listova stila" ili "kaskadnih listova stila". CSS pruža veću razinu umjetničke i dizajnerske kontrole web programerima i dizajnerima odvajanjem sadržaja od parametara prikaza. CSS izjave stavljaju se u zaglavlje web-dokumenta, a zatim se prikazuju unutar tijela web-stranice pomoću zagrada - {}. Unutar zagrada nalaze se zagrade - () - ili zagrade - [] - koje označavaju druge CSS elemente.

CSS zagrade koriste se unutar tijela web-dokumenta (Comstock / Comstock / Getty Images)

ključevi

Ključevi su primarni elementi CSS sintakse. Oni podrazumijevaju otvaranje i zatvaranje svih CSS parametara sadržanih u njima. Predstavljeni kao {}, oni slijede CSS elemente koji označavaju sliku, položaj, element prikaza ili bilo koju kombinaciju elemenata. Ključevi mogu postojati unutar bilo kojeg elementa / sloja div i uvijek su unutar oznaka "</ body>". Evo primjera:

div # example {padding: 5px; margina: 20px; širina: 350px; }

zagrada

Relacijski elementi, kao što su postoci i boje, nalaze se u zagradama. Zagrade daju dodatnu definiciju CSS elemenata. U CSS verzijama prije CSS3, zagrade mogu definirati elemente na isti način kao i tipke. Dva primjera su boja (definirana heksadecimalnim kodom) i pozadinske slike, odnosno:

boja: rgb (128, 128, 255); slika: url ("/ images / bg.png")

zagrade

Zagrade - [] -, poznate kao selektori atributa, koriste se za određivanje vrijednosti atributa elementa. Postoje četiri različite vrijednosti u CSS2 i dodane su tri, ali s CSS3. Četiri originalna selektora definiraju prisutnost atributa - [title], koji odgovara svakom elementu koji ima specificirani atribut "title"; jednostavna vrijednost atributa - input [type = "send"], što odgovara bilo kojem ulaznom elementu čija je vrsta atributa jednaka "send"; vrijednost atributa popisa - p [class ~ = "literary"], što odgovara paragrafima čiji je atribut klase popis riječi razdvojenih razmacima, od kojih je jedan "književni"; i djelomična vrijednost atributa - [href ^ = "http:"], što odgovara elementima veze čija vrijednost atributa počinje s "http:". Zagrade nisu se mnogo koristile prije uvođenja Internet Explorera 7, jer ih IE6 nije prepoznao.

Mnogi algebarski simboli koriste se kao CSS elementi (BananaStock / BananaStock / Getty Images)

ševroni

Selektori i odjeljci osnovnog HTML jezika (HTML) i dokumenti XML (extensible markup language) razgraničeni su istaknutim zagradama, poznatim kao ševroni , Oni također predstavljaju podređeni element nekih CSS elemenata. U CSS-u, "selektor za dijete" sastoji se od dvije ili više stavki odvojenih znakom ">". Oni označavaju određene definirane dijelove web-stranice: tijelo, koje je stranica vidljiva; slojeve, koji se mogu naslagati kao listovi papira jedan na drugi; ili titracija, koja označava određene objekte ili datume poznate kao "mikroformati".

CSS Bilješke

Izdvojeni iz CSS zagrada, ali i dalje vrijedan organizacijski alat za razrađene CSS rasporede, oni su bilješke stilskih lista. To su komentari koji ne dodaju ništa HTML kodu i stoga ne povećavaju vrijeme učitavanja stranica; oni pružaju pregled za dugi i razrađeni CSS. Bilješke u CSS-u nalaze se unutar vlastitog atributa - / * - ovako:

/ Bilo koji komentar nalazi se unutar segmenata ograničenih kosom crtom i zvjezdicom. /

Oni mogu biti iznimno vrijedni kako bi vam pomogli kretati se po dijelovima kaskadnih listova stila.

CSS vam može pomoći pri dizajniranju stranica za različite veličine zaslona bez stvaranja zasebnih izgleda (Comstock / Comstock / Getty Images)

reference

"CSS majstorstvo: Advanced Web Standards Solutions"; Andy Budd i suradnici; 2009
Škole W3: Sintaksa CSS-a
"The Ultimate CSS Reference"; Tommy Olsson i suradnici; 2008