Vsebina
Kratica CSS prihaja iz angleškega "cascading style sheets" ali "cascading style sheets". CSS daje večjo stopnjo umetniškega in oblikovalskega nadzora spletnim razvijalcem in oblikovalcem z ločevanjem vsebine od parametrov prikaza. Izjave CSS so postavljene v glavo spletnega dokumenta in se nato prikažejo v telesu spletne strani z oklepaji - {}. V oklepajih so oklepaji - () - ali oklepaji - [] - ki označujejo druge CSS elemente.
Ključi
Ključi so primarni elementi sintakse CSS. Pomeni odpiranje in zapiranje vseh CSS parametrov, ki jih vsebujejo. Predstavljeni kot {}, sledijo elementom CSS, ki pomenijo sliko, položaj, element prikaza ali katero koli kombinacijo elementov. Ključi lahko obstajajo v katerem koli elementu / sloju div in so vedno znotraj oznak "</ body>". Tukaj je primer:
div # example {polnilo: 5px; margin: 20px; širina: 350px; }
Oklepaji
Relacijski elementi, kot so odstotki in barve, so zaprti v oklepajih. Oklepaji dajejo dodatno definicijo elementom CSS. V CSS različicah pred CSS3 lahko oklepaji definirajo elemente na enak način kot ključe. Dva primera sta barva (določena s šestnajstiško kodo) in slike ozadja:
barva: rgb (128, 128, 255); slika: url ("/ images / bg.png")
Nosilci
Oklepaji - [] -, znani kot selektorji atributov, se uporabljajo za označevanje atributnih vrednosti elementa. V CSS2 so bile dodane štiri različne vrednosti, dodane pa so bile tri vrednosti s CSS3. Štirje izvirni selektorji določajo prisotnost atributa - [title], ki ustreza vsakemu elementu, ki ima podan atribut "naslov"; preprosta vrednost atributa - input [type = "send"], ki ustreza vsakemu vhodnemu elementu, katerega vrsta atributa je enaka "send"; vrednost atributa seznama - p [class ~ = "literary"], ki ustreza odstavkom, katerih atribut razreda je seznam besed, ločenih s presledki, od katerih je eden "literary"; in vrednost delnega atributa - [href ^ = "http:"], ki ustreza elementom povezave, katerih vrednost atributa se začne z »http:«. Oklepaji niso bili veliko uporabljeni pred uvedbo Internet Explorerja 7, ker jih IE6 ni prepoznal.
Chevrons
Izbirniki in odseki osnovnega HTML-ja in dokumentov XML (angl. Extensible markup language - XML) so razmejeni s koničastimi oklepaji, znanimi kot chevrons . Predstavljajo tudi podrejeni element nekaterih elementov CSS. V CSS je "izbirnik za otroke" sestavljen iz dveh ali več elementov, ki jih loči števec ">". Te označujejo določene določene dele spletne strani: telo, ki je vidna stran; plasti, ki se lahko zlagajo kot listi papirja na vrhu drug drugega; ali titracija, ki označuje določene predmete ali datume, znane kot "mikroformati".
Opombe za CSS
Ločeni od CSS oklepajev, vendar še vedno dragoceno organizacijsko orodje za izdelavo CSS postavitev, so opombe s slogi. To so komentarji, ki HTML kode ne dodajajo in zato ne povečujejo časa nalaganja strani; Zagotavljajo osnutek za dolg in izpopolnjen CSS. Beležke v CSS so umeščene znotraj lastnega atributa - / * - kot je ta:
/ Vsak komentar je v segmentih, ki so razmejeni s poševnico in zvezdico. /
Lahko so izjemno dragoceni, da vam pomagajo pri krmarjenju po delih kaskadnih listov slogov.
Reference
- "CSS obvladovanje: napredne rešitve za spletne standarde"; Andy Budd in drugi; 2009
- Šole W3: Sintaksa CSS
- "The Ultimate CSS Reference"; Tommy Olsson in drugi; 2008
Leti
- W3C: selektorji CSS [v angleščini]
- New2HTML: skladnja CSS [v angleščini]