Hogyan írjunk css fájlokat, pirania rt
Tehát vegyünk egy példát:
Amint láthatjuk, hogy a fájl szabályokból áll a következő formában:
Így segítségével szelektor döntünk a szükséges elemek egyedi tulajdonságait értékek megadásával.
Van többféle:
Általánosító. Ezek tartalmaznak egy csillag. Használatukkal, mi meg a szabályokat, ha az összes elemet a dokumentumban vagy a szülő. * A példa definiál Tahoma betűtípus minden elemét oldalunkat.
tag neve. Ha kell kezelni az összes tag ugyanazzal a névvel, ez általában a legalkalmasabb. Mi lehet Frissít minden pontban, vagy módosítsa a mérete az összes fejlécet. Tehát a mi esetünkben szervezet
Osztály elemek. Ez lehetővé teszi, hogy meghatározza a stílust egyszer minden eleme egy osztályban. Például, ha azt szeretnénk, hogy átfestés része a tételek listáját más színnel, nekik határozná meg egy attribútumot class = »class-name». és írd tulajdonságai szerkezet kezdve a pont - .class neve. A példánkban .first
elem azonosítója. Ez nagyon hasznos abban az esetben, ha meg kell változtatni a tulajdonságait csak az egyik eleme az oldalon. Például, meg a hátteret a fejléc az oldalon, vagy módosítsa a méret a formában a jegyzési jogot. És még sokan mások. Ehhez az oldalelemek kívánt attribútum megadásához id = »attr-id», és a tulajdonságait a # attr-id. A példánkban #r
fészkelő szelektor
Tovább bővíteni a funkcionalitását CSS szelektor lehet a segítségével a fészkelő.
Például, meg kell az oldalon minden részében átfestés a linkeket a piros. Írhatsz egy választó.
használhatja osztályok és azonosítók, nincs korlátozás helyett címkeneveket.
Mint látható, ez a megközelítés lehetővé teszi, hogy hozzon létre egy privát ügy, mint rugalmasan változtatni a tulajdonságait meg kell csak elemeket anélkül, hogy a többiek.
öröklés
Egy másik fontos jellemzője a CSS tulajdonság örökséget.
Az első üzemeltető visszaállítja a behúzás minden oldal elemeit.
Második - állítja a behúzás 10 pixel minden szegmensében.
Ha valamilyen bekezdések meghatározott class = »osztály», a francia cserélni 5 pixel.
És ha volt egy id = »id», a margó szélessége 6 pixel között e bekezdések.
Így az alapvető szabályok öröklési következők:
Az alábbi szabályok az átfedés azok, amelyek a fenti fájlt.
Több konkrét szabályok felülírják általánosabb. Például p * felülírás. Vagy «.class p» letiltja az egyszerű «p».
Általában az osztály szabályok sokkal fontosabb, mint nélküle. Az osztály azonosító sokkal fontosabb.
ötvözi tulajdonságok
Hogy növelje a tömörség a stíluslap alkalmazott vessző operátor. Például:
Ez azt jelentené, hogy minden link és a szöveg félkövér piros lesz. Így tudjuk elkerülni párhuzamos kódot, és csökkenti a méretét a stíluslapok, több különböző szelektor egyetlen szabály.