Hogyan, hogy felülbírálja a CSS stílus a fontosságkijelölõhöz
Az első - a globális Címkeválasztó
Selectors címkék vannak kialakítva, hogy a stílus minden eleme azonos típusú. Például felsorolja. Ahhoz, hogy távolítsa el a markerek minden listákat a weboldalak a helyszínen, ahhoz, hogy írja meg a css:
Kitűnő. Ennek megfelelően, a szelektor van táblázat cellák, képek, blokkok, mezők, formák, és általában az összes elemet. Ez érthető. De ott van egy probléma: alig minden lista az oldalon lesz stílusú ugyanúgy. Nem, nos, akkor a helyzet teljesen eltérőek lehetnek. Nézzünk egy jobb példa bekezdések, hiszen lesz, közel a valósághoz.
Szóval, minden pontjában kérni néhány stílus az oldalon. Ez egy közös design.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
Ennyit nem törzs, csak állítsa be a szín és betűméret. Nos, ez csak egy díszítés minden szegmensében. De most tegyük fel, hogy ott volt az a feladat előtted: szüksége van egy bizonyos részeket pirossal kijelölve. Hogyan kell csinálni?
Elég egyszerű. Bemutatjuk új stílust css class. Mondjuk hívjuk piros, világos volt.
Most be kell állítani a bekezdéseket. Tegyük fel, hogy meg kell csinálni a második és a harmadik. Remélem, hogy előírja stílus osztályok tudja, hogy ezt a következőképpen zajlik:
Nos, ahogy haladunk a másik bekezdés. Ennek eredményeként, újradefiniáltuk stílusban. Azaz, a szöveg színét a bekezdés volt sötétszürke, és mi változott a színe néhány bekezdésben, hogy piros. Ennyit újradefiniálása stílusokat.
De a feladat stílus osztály alkalmas abban az esetben, ha szükség van, hogy újra a szabályokat a csoport elemei. Azaz, néhány bekezdést, képek, stb De mi van, ha a felülírás szükséges stílusok csak egy eleme? Erre a célra, hogy jobb olyan azonosítót.
(Azonosító) használnak ahhoz, hogy egy egyedi címke egyedi elem a weboldalon. Így elérhető lesz alkalmazni a css ezen keresztül azonosítót, és állítsa be néhány szabályt. Ők fogják alkalmazni, még akkor is, ha a korábban erre a tételt teljesen különböző stílusban lett megadva.
Például, van 2. bekezdés, amelyben a szöveg piros színű. De ha egyikük állítsa be az azonosítót, majd írja le a css stílusokat erre választó, akkor több lesz a prioritása, mint az osztály szabályait.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
Frissítse az oldalt, és győződjön meg arról, hogy a szöveg színe kék. De valójában mi bekezdésében szöveg színe meghatározott három helyen. Először is, a választó tag - sötétszürke. Másodszor, az osztályteremben - piros. Harmadszor, az azonosítót.
Mi a következtetést vonta le ezt a kísérletet? És az a tény, hogy az elsődleges Címkeválasztó osztály és prioritási osztály azonosító. Egy másik fontos tény, hogy meg kell érteni, maguknak: stílus osztályok gyakran használják a stílus az elemek egy csoportját (pl menüpont, egy csoport bekezdések egy sorozatát) azonosítóként - a stílus egyes elemei, amelyek egyedülállóak a helyszínen (sapka, pince, néhány ikon, logo, stb.)
Elsőbbség a beépített stílusok
Bármilyen HTML elem ágyazható közvetlenül a stílus tag írásban őket a style attribútum. Ha ezt tesszük:
Lásd a rész egy csomó tulajdonságok, amelyek meghatározzák a megjelenést. De a szöveg színe zöldre, ahogy az a stílus attribútum. Miért? Mivel a belső stílust a legmagasabb prioritást.
Breaking minden szabályt használva! Fontos
Kezdünk a css-vétel, amely megtöri az összes elsőbbségi szabályokat, és elküldi őket a kukába. Ez rekord! Fontos, amely jelzi a tulajdonság a legfontosabb. Nézzük meg ugyanezt a példát. Van egy rész, a kód fent látható. Mint látható, már négy különböző színben rögzített neki.
Különösen Címkeválasztó Set sötétszürke, de meg van szakítva egy osztály azonosító és a belső stílusok, amelyek megszakítják a többi a mi esetünkben. De van egy egyszerű módja annak, hogy megölik az egészet. Felírható:
Ez ugyanaz stílusok választó valamennyi bekezdések csak a meghatározása a szín érték után csatolt! Fontos. Ez a parancs jelzi a stílus, mint fontos. Ez az, ami kell alkalmazni. Nos, nézd meg:
Minden bekezdések az azonos színű - sötétszürke. Megjegyzés. Ez nem osztály vagy azonosító, vagy akár belső stílusokat, amelyekről feltételezik, hogy alkalmazzák az utolsó körben, és meg kell szakítania minden, nem írhatja felül a szín és marad úgy, ahogy van megadva Címkeválasztó.
Ezek a pitét. Azonban, azt tanácsolom, hogy ne használja túl gyakran a! Fontos. És ha nincs sürgős, nem folyamodnak. Persze, ha felmászik a stílus osztály! Fontos, hogy van ez a stílus a legfontosabb. És a verseny :! Címkeválasztó osztály és fontos fontos, nyer az osztály. És már tudod, hogy miért. És így tovább. Kiderült, hogy tudja befejezni belső stílust is! Fontos. Itt lesz a végső újradefiniálása, ami lehetetlen megölni.
Nos, megint, én nem ajánlom, túl sokat játszani a fontos, úgy vélik, rossz formában elrendezést.
Rendben. A újradefiniálása azt a fajta rájöttek. Természetesen mi nem tekinthető felülbírálja az összes módszer. Egyes tudod kitalálni magadnak. Például, a használata beágyazott szelektor. Elvileg egy könnyen kitalálható, hogy a bekezdések az oldalsávon könnyen elválasztható a bekezdés a fő része a helyszínen.
Vegyük észre, hogy itt nincs osztályok és azonosítók bekezdések nem kérték. Nos, a beágyazási szint a szelektor bármi lehet. Írhatsz legalább az alábbiak szerint:
Minden összetettségétől függ az elrendezés. Amellett, hogy a kombinált szelektor rengeteg mások, segít egyébként, hogy felülbírálja a design. Az akkor tárja fel, ha komolyabban veszi fel a vizsgálat során css. Például én-hez, hogy adja át a tanfolyam a CSS3. ahol csak lehet megismerkedni egy csomó érdekes új választókat.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
A legtöbb IT hírek és webfejlesztés A csatorna-távirat
