Hogyan készítsünk egy vastag betűtípust a CSS-ben?

Merész a CSS-benhasználjon számos standard parancsot. Használhat olyan nem szabványos opciókat is, amelyek érdekes hatást eredményeznek. A félkövér arc a szigorúan meghatározott szövegrész kiemelésére szolgál. A CSS segít beírni egy ilyen betűtípust bármilyen mondathoz vagy akár egyetlen betűhöz is. Ha továbbra is HTML-címkéket használ e hatás elérése érdekében, akkor újra kell gondolni a programozással kapcsolatos nézeteit, mivel a lépcsőzetes stíluslapok fejlesztőként további lehetőségeket kínálnak. Néhányukról ebben a cikkben fogunk beszélni.

kijelölés

Rendeljen félkövér CSS-t az egyszerű használatávalszabályok: betűsúly. Megadhat különféle kombinációkat értékként. Írhat például a „font-weight: bold” tulajdonságot, ami félkövér. Az alapértelmezett érték "normál". A kulcsszavak mellett rendszeres számokat is használhat. A hagyományos egységek 100 és 900 között vannak, ahol a 400 megfelel a "normál" parancsnak. És ez azt jelenti, hogy ha az értéket 400-nál kevesebbre állítja, akkor a betűtípus elveszíti telítettségét, és ha több, akkor félkövér lesz. Ez lehetővé teszi a stílus manuális beállítását.

A CSS-ben a vastag betű hozzárendelhető az alapjánszülő elem. A lépcsőzetes táblázatokban két parancs van („merészebb” és „könnyebb”), amelyek növelik vagy csökkentik a stílus telítettségét. Az értékek a szülőelemtől függően változnak. A betűtípus-súly tulajdonság rövid formában írható - betűtípus, ahol az összes betűjellemző megírható.

cél

Bármely elemhez hozzárendelhet egy ilyen CSS betűtípustHTML vagy XHTML. Az effektus csak akkor lesz látható, ha a címke szöveget tartalmaz. A HTML analógja a betűtípus-súly tulajdonsággal. Ha szöveget helyez a <strong> címkék közé, akkor telítebb lesz. Tulajdonsága teljesen megegyezik a "félkövér" értékével. Egyes fejlesztők nem látják a különbséget a <strong> címke és a CSS között. De vannak különbségek. A címkének saját szemantikai terhelése van, valóban fontos információkhoz használható. És a CSS tulajdonság csak egy dekoratív érték, amelyet a szöveg díszítésére használnak. Olvassa el ezt a különbséget, de ahogyan a World Wide Web konzorcium tanácsolja, mindennek a helyén kell lennie. Ez a kódrend növeli az oldalak élettartamát. Végül is nem messze van az az idő, amikor a böngészők megtanulják a szöveg megjelenítésének más módját használni, ahol a szemantikai és a dekoratív jelentés kiemelkedik. Ne felejtse el ezt az oldal létrehozásakor.

következtetés

A CSS meglévő félkövér betűkészlete lehetővé teszicsökkentse az oldal forráskódját. Végül is nem kell használni a <strong> címkét. Csak tekerje be a kívánt szöveget egy adott osztályba. És ha meg akarja mondani a félkövér stílust, akkor csak meg kell javítania egy fájlt lépcsőzetes táblázatokkal. De ne felejtsük el, hogy nem szabad visszaélni ezzel a tulajdonsággal, mivel a különféle dekorációs technikák túlzott használata tönkreteheti a szöveget. Célszerű csak vastag betűt használni, ha erre valóban szükség van, például a címsorok vagy az adott szakasz nevének kiemelésére.