Hogyan lehet CSS-ben a szöveg színe, betűtípus, stb
Hogyan készítsünk félkövér?
Tehát az első alkalom, ami általában jutott, amikor olyan szöveget - ez így ez félkövér. Ehhez a html van 2 tag, de beszélünk nektek ma a CSS, ezért azt nem tekintjük őket.
Ugyanez stílusok erre van font-weight tulajdonság, és csak két értékeit: normál és merész. Másodszor, ahogy tudja, és ez teszi a szöveget félkövér. Érdekes az is lehetséges, hogy hozzanak számértékek a 100 és 900 400 megfelel a normál üzemmód 700 - merész. De, sajnos, ez nem működik minden böngészőben, ezért azt javasoljuk, mindig kulcsszavak használatával.
Emellett vannak olyan szavak és merészebb lightet. úgy, hogy a font kisebb vagy nagyobb, mint a zsírtartalom vonatkozásában úgy, ahogy van beállítva a szülő. Élvezhetik is.
Hogyan írjunk dőlt css?
Menj előre, és most, hogy a szöveg dőlt. Erre a célra van font-style tulajdonság és annak értékét dőlt. Ez ad dőlt. Van is egy értéket ferde. alatt a szöveg megjelenését egy kicsit más. Ez az úgynevezett dőlt.
Alsó vonal és áthúzás
Hangsúlyozni, vagy húzza át a szöveget a CSS tulajdonság szöveg-dekoráció, és van egy csomó érték, nézd meg az egyes:
- Kiemelné - hangsúlyozzák az alsó;
- Overline - top;
- Vonal-through - áthúzás;
- Nincs - alapértelmezett értéke, nem kell alkalmazni;
- Blink - villogó szöveget (nem ajánlott általában).
Azt kell mondani, hogy a hivatkozások az alapértelmezett weblap, van hangsúlyt az alsó, ha szeretné törölni, szükség van rájuk, hogy előírja text-decoration: none.
szöveg igazítás
Természetesen nem szabad elfelejteni egy ilyen fontos dolog, mint az összehangolás. Ez a szöveg, nem az elem, amelyben el van helyezve. Ehhez van text-align és annak számos értékek:
- Balra - bal szélét (az alapértelmezés);
- Központ - a központban (a fejezetek, például);
- Jobb - a jobb oldalon (oly sokszor elhangzott idézetek);
- Igazolhatja - szélesség. Ezzel a beállítással a szöveg megpróbálja összehangolni, hogy elfoglalják minden sor azonos szélességű.
helyesírás
Egy érdekes tulajdonság, hogy a ritkán használt, de még mindig ott van - font-variant. Tény, hogy ő csak egy jelentése van: kiskapitális. Ez azt jelenti, hogy az összes betűt nagybetűvé alakítva, de enyhén csökkentett méretű.
betűméret css
Most jön a másik ingatlan - font-size. És ahogy már érthető, hogy lehetővé teszi számunkra, hogy meghatározza a betűméretet. Jellemzően ez meg pixel, néha relatív egységekben em. és néha százalékban. Általánosságban, ez lehetséges másképp.
A fő szöveg az oldalon általában meghatározza 12-16 pixel a betűméret és fejléccel sub - 20-30.
betűtípus
Talán az egyik legérdekesebb lehetőségeket - válasszuk betűtípus nevét kell használni. Ha aktívan Ward, akkor már tudjuk, legalább egy pár. Ez Arial, Times New Roman, Tahoma, Verdana, stb Ez az úgynevezett normál betűkkel, hogy jön az operációs rendszer.
A html font típusok a következők:
- Serif - serif.
- Sans-serif - sans serif, a legjobb megoldás a fő szöveget.
- Monospace - fix szélességű kimeneti kód stb
- Kurzív - dőlt.
- Fantasy - fajták különböző dekorációs célokra.
Ja, én nem is beszélve a tulajdon, amelyhez meg kell adnia a nevét - ez font-family. Például:
Mint látható, akkor lehet vesszővel elválasztva adja meg több betűtípust. A böngésző az az egyik, hogy lesz az első, hogy megtalálják. Megadhat egy család, és csak abban az esetben, hogy néhány betűtípust biztosan használta.
Ha csatlakoztat egy bizonyos betűtípust, vagy annak neve több szóból áll, akkor csatolni kell a szimpla vagy dupla idézőjelbe, hiszen a harmadik példában.
Gyors- tulajdonságok font család
Mint látható, a sok szöveg beállítása a css kezdeni font- konzolokon. Mindez felírható rövidítve az alábbiak szerint:
Font: stílus, variáns, súlya, mérete család.
Ha egy paramétert nem szükséges, csak lemegy, például:
Beállítja Verdun félkövér dőlt betűtípus, méret 30.
Conversion regiszter
Hogy betûváltáshoz, használhatja az ingatlant text-transform. Ez a következő értékeket:
- A kisbetűs - Minden betű kisbetű;
- Nagybetűs - Minden betű nagybetű;
- Tőkét - az első levél minden új szót nagybetűvel.
Válassza ki az első betű a css vagy az első sorban
Ehhez használja a pszeudo-osztályok: first-letter és: first-line. Hogyan kell használni őket, írtam itt. Ez akkor hasznos, ha az első betű formlenie legyen nagyon eltér a többitől, akárcsak sok könyvet.
Ha kell, hogy a piros vonal egy pontban, ez történik az ingatlan text-indent, a részletes leírást lásd ezt a cikket.
Szöveg túlcsordulás vezérlés
A CSS3 tulajdonság jelenik meg, amely lehetővé teszi, hogy meghatározza a parancsot, hogy mit kell tenni, ha a szöveg nem fér bele a tartályba. Ez a szöveg-túlfolyó, és két jelentése van:
- Clip - levágja a felesleges szöveget
- Ellipszis - vágások és hozzáfűzi ellipszis
Általában a tulajdonság a kategóriában a „tudni”. míg én soha nem használt.
szöveg árnyék
És persze, minden formázott szöveget, árnyék nélkül, anélkül, hogy ez a csodálatos ingatlan text-shadow. amely megjelent css3. Ha helyesen használják, akkor jelentősen szépíteni a szöveget. Azonban nem fogom leírni az ingatlan részletesen részletesebben róla láthatjuk ebben a cikkben. ahol bemutatják, hogyan kell használni, hogy a stroke a megfelelő szavakat.
font color
Persze, ebben a cikkben már felsorolt sok tulajdonságait, hogy átalakítsa a szöveg megjelenésének, de semmi eddig nem mondott a színt. Letette a színét. ez az, amit írtam részletesen.