Bevezetés a CSS betűtípus tulajdonságaiba
A CSS betűtípus tulajdonságai felvázolja a CSS betűtípus tulajdonságait. A lépcsőzetes stíluslapok, közismertebb nevén CSS, könnyű tervezési nyelv, amelynek célja a gyártó weboldalak egyszerűbb megjelenése. A CSS a weboldal megjelenésével és tapasztalatával foglalkozik. A CSS alkalmazásával ellenőrizheti a színt a szöveggel, a betűkészlet stílusát, a bekezdések közötti távolságot, az oszlopok méretét, valamint bemutatását, a használt háttérképeket vagy színeket, az elrendezési stílusokat, a megjelenített változatokat számos eszköz, valamint képernyőméret, számos egyéb effektus mellett. A CSS egyszerűen érthető, és megragadható, ugyanakkor hatékonyan irányítja a HTML dokumentum demonstrálását. A CSS-et leggyakrabban a jelölőnyelvekkel HTML vagy egyszerűen XHTML-vel kombinálják.
- A CSS a lépcsőzetes stíluslapokra utal.
- A CSS meghatározza, hogy a HTML elemeket miként kell megjeleníteni a képernyőn, a papíron és a médiákat is.
- A CSS sok munkát fog megtakarítani. Ez egyidejűleg több weboldal elrendezését is irányíthatja.
- A külső stíluslapokat a CSS fájlokban tároljuk.
Magyarázza el a CSS betűtípus különböző tulajdonságait
Az alábbiakban bemutatjuk a különböző CSS betűtípus tulajdonságokat:
Betűkészlet-gyűjtemény: A CSS-ben kiválaszthatja azt a betűtípust, amelyet egy adott elemben a szöveghez használni szeretne, ha a betűkészlet-család tulajdonságát stílusszabályba állítja, de mielőtt megismernénk a betűkészlet-család részleteit, meg kell értenünk hogyan kell használni a betűkészletneveket, mert amikor weblapot készítünk, nem mindig tudjuk, hogy a felhasználó mi használja a weboldal megtekintését.
Határozza meg az öt betűkategóriát a Standards CSS-ben
- E kategóriák közül az első a serif betűkészletek kategóriája. Például egy adott betűtípusra, amely ebbe a kategóriába illeszkedik, a Times vagy a Times New Roman, valamint a Baskerville, a Century és az iskolai könyv
- Ezek konkrét betűnevek, például a Baskerville, a Century és az Iskolakönyv; ezeket a betűtípusneveket láthatja egy legördülő listában, amikor a szövegszerkesztőben betűtípust választ, mert a szövegszerkesztő pontosan tudja, mi van telepítve a számítógépére. De a CSS számára ezek a betűtípusok a serif betűkészletek kategóriájába tartoznának.
- Van egy sor sans-serif betűtípus is, és egy népszerű betűtípus, amely ebbe a kategóriába tartozik, az Arial. Abban az esetben, ha nem tudtad, serif, tehát egy levél végén vannak kis vonalak, a betűk kissé divatosak és díszítettek. Láthatja a különbséget az alábbi R betűk között.
- A bal oldali R egy Arial, amely sans-serif, szó szerint díszítés nélkül, míg a jobb oldalon található R a Times New Roman, és tartalmaz néhány extra kis löket itt-ott. Általánosságban elmondható, hogy a sans-serif betűtípusok könnyebben olvashatók LCD és LED kijelzőn.
- Vannak olyan kategóriák is a kurzív betűtípusokhoz, amelyek kissé úgy néznek ki, mint a kézzel írott betűk és a fantasy betűtípusok, amelyek bármihez hasonlóak lehetnek, ám a legtöbb tervező nem fogja ezeket a betűtípusokat erősen használni, mert nehezen olvashatók, és egy kicsit is kiszámíthatatlan.
- Végül, van egy kategória az egyszeres betűkészletek számára. Ezek azok a betűtípusok, amelyek minden betűre azonos távolságot adnak, és valószínűleg ez a betűtípus, amelyet a CSS létrehozásához használt szövegszerkesztőben használni akar, valamint az a betűtípus, amelyet egy weboldalon a kód megjelenítéséhez használni szeretne honlap.
Eredmények a böngészőben:
Kimenet:
Eredmények a böngészőben:
Kimenet:
Eredmények a böngészőben:
Kimenet:
Eredmények a böngészőben:
Kimenet:
Eredmények a böngészőben:
Kimenet:
Betűtípus-családok
A magyarázat alatt a betűtípuscsaládok láthatók:
- Számos CSS-terv a betűkészlet-család tulajdonságát egy adott betűkészlet nevére állítja, például Arial. Mindig van esély arra, hogy a kívánt betűtípus, például az Arial, az adott felhasználó rendszerében nem érhető el. Ez az egyik oka annak, hogy megadhat annyi betűtípust, amelyet szeretne egy vesszővel elválasztott listában, és a böngésző az elsőt fogja használni.
A fenti képernyőképen látható, hogy van 1. választásunk, egy második választásunk, és ha egyik ilyen betűkészlet sem áll rendelkezésre, akkor visszatérünk az általános sans-serif-hez, mert még ha a böngészőnek nincs sem a többi betűtípus, amelyet megadnia kell egy alapértelmezett betűtípus ehhez a kategóriához. Természetesen felmerül a kérdés, hogy milyen betűtípusokat lehet biztonságosan használni a webdesignhoz. Általánosságban elmondható, hogy nem hibázhat az Arial, a Verdana, a Times és a Courier alkalmazásaival, de itt felsoroltunk más, általában több platformon elérhető betűtípusokat is.
- A Helvetica egy általános betűtípus, amelyet sok stíluslapban felsorol, de a Helvetica nem érhető el a Windows rendszeren. A Windows az Arial helyett szolgáltatja.
- A betűcsalád azon tulajdonságok egyike, amely örökölt. Tehát, ha a test szintjére állítjuk, akkor a test belsejében lévő bekezdések, részek és horgonyok alapértelmezés szerint felveszik azt a betűtípus-családot, hacsak nem felülírjuk. Tehát például ez a fejléc, ez a h1 címke a font-családot örökli a testtől, de nem így kell lennie.
Kimenet:
Elmondhatjuk, hogy a h1 esetén a betűcsaládnak Times New Roman, Serifnek kell lennie, és ha frissíti a weboldalakat, akkor a változás tükröződik.
Betűméret és stílusok
A betűméretre és a stílusokra vonatkozó részletes információk alatt:
- Az ellenőrizni kívánt betűtípusok másik jellemzője a méret, és a méret beállításakor először az abszolút vagy a relatív egységek között kell választania.
- Az abszolút méretet általában pixelekben adják meg, és a pixelek nagyon pontos irányítást biztosítanak a betűméret felett.
- A relatív egységek, például a százalékos arány vagy a nagyobb vagy kisebb kulcsszavak vagy az ems, lehetővé teszik a betűméret beállítását valamilyen alapvonal alapján, tehát a 2em kétszerese lesz az alapvonal méretének, és a 0. 8em az alapvonal 80% -a. Manapság sok ember használja az ems-et a betűméret relatív méretezéséhez. Ennek egyik oka, hogy a relatív méretek lehetővé teszik a felhasználó számára, hogy a böngészőjük segítségével méretezzék a szöveget, és ezt megtehetik, mert ezt a szöveget nehéz látni. A relatív méretek lehetővé teszik ennek működését.
Eredmények a böngészőben:
Kimenet:
- A betűkészlet egyéb tulajdonságai, amelyeket beállíthat, a betűstílus dőlt betűkészletre kényszerítése, vagy a betűtípus súlya, hogy betűkészlet vastag legyen. És a font-variant tulajdonság olyan betűtípust hoz létre, amely csak nagybetűket használ.
Eredmények a böngészőben:
Kimenet:
- Az első dolog, amit meg akarunk csinálni, egy kissé aláhúzni ezt a h1 elemet. H1 elemnek kell lennie, mivel ez az oldal elsődleges fejléce, de némileg túlságosan túl nagy. Tehát hadd állítsam be a betűméretet 1.2ems értékre. Ez egy kicsit lecsökkenti, mert általában egy h1 címke jóval meghaladja az 1.2ems értéket. A következő kérdés, amellyel foglalkozni szeretnénk, az itt található kódlista. Szeretnénk, ha ez monospace betűtípus lenne, és ennek elérésére pár különböző kívánság is van. Az alábbiak szerint.
Eredmények a böngészőben:
Kimenet:
Eredmények a böngészőben:
Kimenet:
Itt az előtagot akarjuk használni, ami azt jelenti, hogy ez egy előre formázott szöveg, és kérjük, ne próbálja meg manipulálni.
Eredmények a böngészőben:
Kimenet:
Ez a betűstílus rövid tulajdonságai. Mint a betűkészlet stílusú dőlt betűkészlet, a betűméret 0.9em és a betűkészlet-család serif;
Eredmények a böngészőben:
Kimenet:
Következtetés
Hogyan határozhatunk meg betűkészleteket CSS segítségével, és hogyan lehet különbséget tenni egy adott betűtípus, például Arial, és a webes betűkészletek általános kategóriái, például a serif és a sans-serif között. Kezeljük a betűméretet, valamint a relatív méretek és az abszolút méretek előnyeit és hátrányait, végül pedig a betűkészlet tulajdonságait használjuk, és megtanuljuk a betűkészleteket betűkészlet-családdal.
Ajánlott cikkek
Ez egy útmutató a CSS Betűtípus tulajdonságaihoz. Itt megvitattuk a Különböző CSS betűtípus tulajdonságokat és az öt betűkategóriát a szabványos CSS-ben a böngésző eredményeivel és kimeneteivel. akkor is átnézheti másik javasolt cikkünket, hogy többet megtudjon-
- Mi a CSS?
- Bevezetés a CSS-be
- Karrier a CSS-ben
- A CSS előnyei