A stílus prioritásai a css-ben és a kaszkádban

Határozza meg a stílusok prioritásait (CSS)

Helló barátaim, ebben a cikkben megfontoljuk a CSS nyelvben a lépcsőzetes és a stílus prioritások fogalmát.







A CSS bemutatójára a kezdőknek. megtudtuk, hogy a CSS-kód HTML dokumentumba ágyazása háromféle módon történhet:

  1. A címke segítségével - külső stílus, érvényes az egész oldalon
  2. A címke segítségével - belső stílus, érvényes az egész oldalra
  3. Az attribútum style = "" - a beépített stílussal egy címkén működik

Mindhárom módszer egyetlen kaszkád stílusot alkot. külső, belső, beépített. Minden módszernek saját prioritása van.

Mondjuk, egy külső stílust, hozzárendel bekezdés Mezei p piros háttér, akkor megöli a belső stílus kinevezéséről valamennyi bekezdésében egyik oldalon, egy zöld háttér, valamint a belső stílust, akkor megölik a beépített stílusok, hozzárendeljük a kijelölt bekezdés kék háttér.







E három stílus közül a legfontosabb a beépített stílus = ""

Tehát jelenleg van egy külsõ stílusban (CSS-fájl), van egy olyan szabály, amely a webhely összes bekezdés hátterét vörös színûvé teszi:

A weboldal egyik oldalának belső stílusa olyan szabály, amely megszakítja a külső stílust, és az oldal bekezdésének hátterét zöld színűvé teszi:

Ezen az oldalon egy bekezdésnek van egy beépített stílusa, amely megszakítja mind a külső, mind a belső stílusokat, így háttér kék:

Remélem mindent eddig világos, tovább mennünk.

A böngésző stílusok alapértelmezett stílusok, például ha HTML oldalt készítettél, de még nem telepítetted a CSS-t, akkor a böngésző fekete betűkkel jelöli a betűszínt, és a méret 16px.

Felhasználó stílus - a stílus, amely meghatározza a webhelylátogatókhoz a böngésző beállításait, például akkor lehet rendelni a meglátogatott webhelyeket, a betűtípust a bekezdés egyenlő volt 22px (ez akkor hasznos a teendő, ha látásproblémái vagy túl kicsi font oldalak).

Mellesleg, a böngésző beállításait, beállíthatja stílusok bármely tag, és nem csak egy bekezdés, például, akkor biztos lehet benne, hogy minden link minden oldalon a böngészés a böngészőn keresztül is hangsúlyozva és narancssárga háttér.

A CSS egy kaszkád a különböző stílusok HTML elemekre történő egyidejű alkalmazása (a kaszkád magában foglalja a CSS tulajdonságainak örökségét, a gyermekelemeket is, a szülők részéről).




Kapcsolódó cikkek