A HTML címkék testreszabása a CSS szabályokkal - A HTML választó
Az egyik ok, amiért a CSS annyira népszerű, a sokoldalúság, amelyet a HTML-címkékhez ad. Bár nem tudja "kikapcsolni" a címke beépített vezérlőit, további kezelőszerveket adhat a HTML-címkékhez, hogy kibővítsék azok hasznosságát. Ehhez új CSS-meghatározásokat ad hozzá a címkeválasztóhoz. Használjuk a HTML-t

címkét a példánkhoz, és a háttér színét, a betűtípust, a betűméretet és a szöveg színvezérlését hozzáadjuk a

címke. Ez mindent okoz a nyitás és bezárás között

címkék, amelyeket az új meghatározásokkal ellenőrizhetünk a weboldalon.

p {
háttér szín: # 000000;
betűtípus-család: arial;
betűméret: 12 képpont;
szín: #ffffff;
}

Példánkban a CSS szabály a HTML választóval (p) kezdődik, amelyet egy CSS deklarációs blokk követ, amely tartalmazza az összes tulajdonság-érték meghatározást, amelyet hozzá akarunk adni. Mint általában, minden meghatározás a tulajdonsággal kezdődik, amelyet egy kettőspont, az érték követ és pontosvesszőt követ. Az egész blokkot göndör zárójelbe helyezik. A HTML-címkékre vonatkozó saját CSS-szabályainak írásakor néhány dolgot meg kell emlékezni.

  • A testreszabott CSS-szabályt a weboldal fejrészében található címkékbe helyezheti.

  • A testreszabott CSS-szabályt elhelyezheti egy külső CSS-fájlba.

  • Az egy adott címkeválasztóhoz hozzáadott testreszabott CSS meghatározásoknak tartalmazniuk kell azokat a tulajdonságokat, amelyeket az adott címke vezérelhet.

  • Mivel a testreszabott szabályt a fejszakaszba vagy a külső CSS-fájlba helyezi, az az egész weboldalra hatással lesz. Ha csak egy egyedi HTML-címkét (a címke egy speciális példányát) kell irányítania, akkor az egyedi címkére beépített stílust alkalmaz.

  • A címke megtartja a HTML-címke beépített tulajdonságait. Például a HTML a félkövér címke továbbra is a félkövér hatással lesz a megnyitás és bezárás között elhelyezett szövegre címkéket.




Video Utasításokat: Review: Quiz 1 (Lehet 2024).