Cascading Style Sheets - ez

Létrehozása céljából CSS

CSS használják az alkotók weboldalak színek meghatározására. betűtípusok. elrendezése az egyes blokkok és egyéb szempontok bemutatása megjelenése ezen weboldalakat. A fő célja a fejlesztési CSS logikus részlege a leírást a weboldal szerkezete (ami által a HTML vagy más jelölő nyelvek) leírásából megjelenése a weboldal (ami most történik a CSS hivatalos nyelv). Ez az elválasztás növeli a rendelkezésre álló dokumentum, hogy nagyobb rugalmasságot és képes kezelni a teljesítmény, és csökkentik a bonyolultságot és az ismétlés a szerkezeti tartalmat. Továbbá, CSS lehetővé teszi, hogy képviselje ugyanazt a dokumentumot a különböző stílusok és kiadási technikák, mint például a kijelző ábrázolás, a nyomtatott képviselet, olvasás hang (speciális hang böngésző vagy a képernyőolvasó program), vagy ha a kimeneti eszközök segítségével Braille.

CSS módon csatlakozhat a dokumentumot

• Ha egy stílus lap dokumentumban ismertetett, lehet helyezni benne a címkék között (Ami viszont helyezni a dokumentum címkék között és ). Minden szabályai ebben a táblázatban az egész dokumentumot;

• Ha egy stílus lap dokumentumban ismertetett, akkor lehet elhelyezni, hogy a testület egyetlen tag (annak attribútuma stílus) ezt a dokumentumot. Minden szabály ebben a táblázatban csak az a tartalmát ezt a címkét.

Az első két esetben azt mondjuk, hogy a dokumentum alkalmazott külső stíluslapok. másrészt két esetben - a belső stíluslapot.

Ahhoz, hogy hozzá CSS az XML-dokumentum. az utóbbi tartalmaz konkrét utalást a stíluslapot. Például:

A hierarchia elemek egy dokumentumon belül

Mint az közismert, a HTML-dokumentumok alapján a hierarchia elemeket, amelyek grafikusan egy fa formában. HTML elemek egymáshoz lehet egy szülő, gyermek, szülő elem, a gyermek elemek, testvér.

Elem a szülő másik elem, ha a hierarchikus felépítése a dokumentum nem található közvetlenül a közvetlenül felette az elem. Element az őse a másik elem, ha a hierarchikus szerkezete dokumentum valahol fent az elem.
Hagyja, például a dokumentum két bekezdés p. beleértve font félkövér b. Ezután az elemeket b lesz a gyermekek a szülői elementovp. és utódaik predkovbody. Másfelől, a P elemei házelem csak akkor lesz egy szülő. És különben is, ez a két p elem lesz testvérek. mindkettőnek ugyanaz a szülő - testet.

A CSS is megadható, nem csak egy választó elem, de olyan elemeket, amelyek utódai, vagy szoptatott csecsemőnél elemek egyéb elemeket (lásd. Alszakasz „féle szelektor”).

CSS építési szabályokat

típusú szelektor

Selectors CSS szabályokat lehet

• Van is egy úgynevezett univerzális választót CSS. bármely elemét előforduló dokumentum. Például, *. Mielőtt bármilyen szelektor, amely meghatározza egy osztály vagy azonosítója, akkor egy táblát az egyetemes választó, az eredmény az lesz egyenértékű a kifejezést, például. első és * .first jelentése ugyanaz.

Osztályok elemek. Element azonosítókat.

Vagy osztály azonosítója lehet rendelni néhány elem (tag) HTML osztály vagy attribútum id az elem (tag):

A fő különbség az osztályok az elemek és azonosítóit elemek a dokumentumban bármilyen osztályba lehet rendelni több elem van, és az azonosító - egyetlen. Továbbá, a különbség az, hogy lehet, hogy több osztály (amikor az osztály az elem több szóból áll, szóközzel elválasztva). Az azonosítók nem lehetséges.

Osztály nevek és azonosítók, szemben a tag nevét és attribútumait, a kis- és nagybetűk betűket.

Tulajdonságok osztályok és azonosítók beállítása révén megfelelő szelektor. És lehet meghatározni, mint egy ingatlan az osztály egésze (ebben az esetben a választó kezdődik „”), illetve az azonosító maga a tulajdonság (ebben az esetben a választó kezdődik egy »#«), és tulajdonságai ennek az osztálynak olyan elem vagy ezt az azonosítót.

Örökséget. Lépcsőzetes. Prioritások a CSS stílusokat.

Alkalmazása CSS HTML dokumentumok elvei alapján az öröklés és a lépcsőzetes. öröklési elv az, hogy a CSS tulajdonságokat nyilvánítanak az ős elemek öröklik az utódok az elemek. De, persze, nem minden CSS tulajdonságok öröklődnek - például, ha a CSS p paragrafus jelenti adott keret, akkor nem örökölheti bármely tag a jelen tag p, de ha a bekezdés p CSS eszköz az betűszíne (pl , színe: zöld;), akkor ez a tulajdonság öröklődik az egyes tagok által-tag, amelyek részben.

lépcsőzetes elve alkalmazandó abban az esetben, ha valamilyen HTML elem egyidejűleg rendelt több mint egy CSS-szabályok, hogy van, amikor a konfliktus az értékek ezen szabályok bekövetkezik. A probléma megoldásához az ilyen konfliktusok kerülnek bevezetésre precedenciaszabályokra.

példa stíluslap

Példa stíluslap (ebben a formában ez egyaránt lehet helyezni egy külön .css vagy ide sorolva keretes