Ez a fejezet egyfajta folytatása az első fejezet a CSS végrehajtási módszerek a HTML dokumentumban. I elhalasztott e fejezet „későbbre”, ezzel megsértve a standard sorozata tanulás CSS, az egyetlen célja, hogy idő előtt nem tömíti el a fejét, hogy mely információkat kezdetben érthetetlen volt az Ön számára.

Most, hogy már ismeri a bizonyos tulajdonságait CSS, megérteni az elveket az építési és CSS végrehajtás HTML, eljött az idő, és annak szükségességét, hogy beszéljünk a CSS osztályok és azonosítók, mint a továbbképzés, bár lehetséges, de nem fedi teljes mértékben valamennyi CSS .

Kezdjük az osztály ..

Hozzárendelni egy elem vagy egy csoport azonos elemeket a személyes stílus, eltér a fő, a már említett leírásában a stílus a dokumentum? Nem tudom, hogy te ezt a kérdést, vagy nem, de előbb-utóbb meg kell találni a választ.

Szóval Tegyük fel a CSS fájlban az elem

alkalmaztuk a következő stílus:

És úgy tűnik, minden rendben van. minden pontjában sinenkie és méretét úgy 14px, de meg kell győződnünk arról, hogy ezek közül néhány metszeteket rózsaszín! És mi ??

Jön a támogatás osztályok.

Nos, próbáljuk meg? Íme:

Hadd magyarázzam p - egy eleme HTML (választó) ebben az esetben a rész, .rose - az egyén osztály nevét, hogy mi magunk kitalált, akkor nem feltétlenül olyan -Rózsaszín emelkedett, a pont között a választó és az osztály neve tisztelgés a tekintetben, hogy a szintaxis elfogadott CSS - most a böngésző fogja érteni, hogy a p elem megjelenik a osztály emelkedett.

Nos, már hozzárendelve a név most kell adnia a HTML dokumentum tag (ebben az esetben a tag

), Amely megköveteli az egyéni stílus. Ezt használja a class attribútum.

Ez a szakasz használja az osztály nevét a rózsa, és így megkülönböztethető a nagy részét a

Ebben a példában az osztály „rózsa” lehet rendelni csak bekezdés - p tagja. Ahhoz, hogy ezt a stilisztikai leírás kiterjedhet az összes elemet a CSS fájlt (vagy címkék között A dokumentum fejlécében) elem nem kifejezetten, és a szintaxis a következő alakú:

Most belépő bármely elem class = „rose” stílusban ő venné az osztályban.

Figyeljünk arra, hogy a leírás a hiányzó stílus származik egy külön osztály, az elemek származik az alapvető stilisztikai leírás, vagy vett az egy elem tulajdonságainak „default”.

Például, a cím szerinti

Kék volt, és lett rózsaszín, de megőrizte mérete 22 pixel, mint a mi osztály emelkedett egyáltalán nem beszélnek a betűméret a kérdés. csak „megállapodott” a böngészőnek, hogy a csoport elemeit lesz rózsaszín.

ugyanaz a azonosítók id szelektor nagyon hasonló osztályok, azzal a különbséggel, hogy az azonosító csak egy egyedi nevet az egész dokumentumot. Azonosítók általában használt az esetben, ha szükségessé válik, hogy a stílust egy elem segítségével dinamikusan egy script, utalva az ő egyedi nevét.

A CSS fájl neve kerül meghatározásra a hash jel az elején.

Így például:

A kívánt elem adunk az attribútum id = „blokk”, például

szakasz azonosítója

Tehát mi a különbség a class és id?

Megmutatom egy példa:

Dőlt, ebben a példában rendelt script fogantyú, amely dinamikusan blokkok

egyedileg megnevezett „blokk” és a „block1” (hide, és mutasd meg a linkre kattintva), és bár ez úgy gondolja, egy kicsit, ez a fentiekből kitűnik írva, de a példa célja, hogy megmutassa, hogy a szkript elérheti az egységnek az attribútum id. De a segítségével az osztályok, nem lett volna el ilyen eredményt.

Nos, azt hiszem, magyarázott valamit, mint ..

Ha az építkezés CSS a logikus, kövesse a „jelentős” az elemek és azok sorrendjét, valamint azok ágyazva a HTML kódot.

Mit csinál?

Hát először is, csak a kényelmes olvasás és a „navigáció” a CSS specifikáció. Ha meg kell találni, mi lehet az elem már kezdetben fogja képviselni, ha az a kezdetén, közepén vagy végén ..

Látná (lásd az első) felhasználói a „rossz” épület CSS? Szép font, véletlenszerűen szétszórva a böngésző ablakot? Vagy normál alkat, de anélkül, hogy egy szép betűtípust? - Ez neked dönteni!

előző ◈ a következő