120 likes | 328 Views
C. ascading. S. tyle. S. heets. SINTAKSA. Prekrivni slogi so zgrajena iz niza pravil. Pravilo je zgrajeno iz dveh delov: . iz selektorja. in iz deklaracije. Deklaracija je sestavljena iz lastnosti in vrednosti. selektor. {lastnost: vrednost}.
E N D
C ascading S tyle S heets SINTAKSA
Prekrivni slogi so zgrajena iz niza pravil • Pravilo je zgrajeno iz dveh delov: iz selektorja in iz deklaracije • Deklaracija je sestavljena iz lastnosti in vrednosti selektor {lastnost: vrednost}
Selektor je lahko katerikoli element (značka) uporabljen • v kodi HTML • Tu je primer spremembe barve pisave na modro za celoten dokument. body {color: blue}
Vrednosti se ne pišejo z narekovaji • V narekovajih so nizi • Le če je vrednost sestavljena iz dveh ali več besed, potem jo je potrebno pisati med narekovaji: p {font-family: "Times New Roman"}
Če želimo selektorju prirediti več lastnosti, potem jih ločimo s podpičjem Priporoča se tudi pisanje podpičja na koncu, saj se pogosto zgodi, da dodamo še kakšno pravilo, pri tem pa se pozabi na vejico. p {text-align: center; color: red; font-size: 12pt;}
Če se selektorju priredi več alternativnih lastnosti, potem se jih loči z vejico • Brskalnik bo v seznamu izbral prvo, ki jo prepozna p {cursor: text, pointer, wait} blockquote {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif}
Zaradi boljše preglednosti, je priporočljivo pisanja eno lastnosti pod drugo p { text-align: center; color: red; font-size: 12pt }
VKLJUČITEV V HTML • Opise slogov lahko vključimo v HTML na tri različne načine: Vključitev zunanje .css datoteke Datoteko z elementom link vključimo v glavo dokumenta HTML. Na ta način lahko vključimo tudi več datotek z opisi slogov in tako zelo enostavno spremenimo videz vseh dokumentov, ki so povezani s to datoteko. <linkrel="stylesheet" type="text/css" href="slog.css" />
2. Zapis stilov znotraj glave HTML dokumenta Vse, kar bi v prejšnjem načinu napisali vposebno datoteko, tu napišemo kot vsebino elementa style v glavi dokumenta. <styletype="text/css">…</style>
3. Zapis stila na želenem mestu Sloge lahko opišemo tudi sproti (med besedilom) <p "…"> … </p> Seveda lahko te tri možnosti opisov slogov tudi kombiniramo. Nekaj slogov opišemo ločeno na datotekah CSS, nekaj opisov vključimo kar v glavo dokumenta, preostanek pa definiramo sproti. Glavni namen slogov je ločiti vsebino in obliko.
VIRI: • http://www.egradiva.net/moduli/spletne_aplikacije/css/30_css/05_datoteka.html • http://sl.wikipedia.org/wiki/CSS • http://zaversnik.fmf.uni-lj.si/Gradiva/CSS/osnove/html/ • http://dkum.uni-mb.si/IzpisGradiva.php?id=37753