Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Kód pre veľkosť textu písma

Ak ste navrhovaní webových stránok pomocou HTML a CSS nový, možno budete neuvedomujú množstvo kontrolných návrhári majú viac než veľkosť textu , v porovnaní s tým , čo bolo k dispozícii pri zrode webe . V skutočnosti , dostupné možnosti pre veľkosťou písma môže byť takmer mätúce . Rôzne spôsoby, ako sú k dispozícii ku kontrole veľkosti písma zobrazenej na webovej stránke . To sa najčastejšie vykonáva pomocou CSS ( kaskádových štýlov ) , skôr než starý spôsob písania každý štýl do každého riadku textu v súbore HTML ( Hyper Text Markup Language ) . Kód formát s CSS

Pri použití CSS , môžete definovať veľmi špecifické veľkosti písma a aplikovať ich do skupín textu, ktoré môžete označiť tagy . Môžete buď vytvoriť externý CSS súbor a pripojiť ju do súboru vo formáte HTML , ktorá zahŕňa obsah vašej stránky , alebo môžete zahrnúť interné kódy CSS štýle v čele súboru HTML . Bez ohľadu na metódu , ktorú preferujete , základné kód pre nastavenie veľkosti písma vyzerá tohle :

h1 { font -size : 40px ; }

To znamená , že každý text , označiť ako " h1 " v HTML súbor bude mať veľkosť 40 bodov . Ak máte problémy s veľkosťou texte objavujú túto veľkosť , uistite sa , že značka je otvorený a uzavretý zloženými zátvorkami . Tiež skontrolujte , či hodnota končí bodkočiarkou , a že žiadny priestor je medzi číslicou hodnoty a " px " .
Štandardné typ Tagy

Obvykle designer používa tagy záhlavie nastaviť rôzne veľkosti písma môže potrebovať na našich internetových stránkach . Tradične sú tieto tagy začať s

, čo je najväčší veľkosť písma nájdete na stránke dole na

, čo môže byť veľmi malý text nájdený v päte .

Definuje typické telesné text , ktorý sa zobrazí v bodoch . Môžete nastaviť všetky tieto jednotlivé veľkosti v CSS štýlov , potom uzavrite text písaný do HTML s tagy .
Použitie absolútnych hodnotách

môžete nastaviť veľkosť písma v absolútnej hodnote , ako je počet pixelov , milimetroch alebo palcoch , ako v nasledujúcom príklade :

p { font -size : 14pt ; }

nastaví veľkosť písma pre všetok text v rámci

ako 14 bodov . Toto je príklad absolútnej dimenzovanie , u ktorých veľkosť textu zostáva pevnú veľkosť . Niektoré prehliadače vám umožní zmeniť veľkosť , ktorá je užitočná pre tých , ktorí so zrakovým postihnutím , ktorí potrebujú zvýšiť veľkosť textu si ho prečítať . Avšak , Internet Explorer neumožňuje zvýšiť veľkosť s týmto kódovaním .
Pomocou relatívnych hodnôt

Mnohí návrhári používajú relatívne zmeny veľkosti písma . To nastaví veľkosť textu vzhľadom k ostatným prvkom a umožňuje meniť veľkosť vo všetkých prehliadačoch . Relatívnej hodnoty sú pixely , percentá a EMS . Ems je jednotka odporúčaná World Wide Web Consortium ( W3C ) . Merania sa 1 em rovná na predvolenú veľkosť písma vo webovom prehliadači , čo je 16 pixelov . Môžete zadať veľkosť písma v EMS s nasledujúcim kódom :

h2 { font -size : 1.875 ; }

Kvôli pretrvávajúce problémy s kompatibilitou v programe Internet Explorer , W3C odporúča kombináciu percenta a EMS na zabezpečenie ako štandard a zážitok zo sledovania , ako je to možné vo všetkých prehliadačoch . Odporúčajú sa nasledujúci kód nastaviť štandardnú veľkosť písma :

body { font -size : 100 % ; }

a potom zadajte svoje rôzne nadpisov a odsekov veľkosti vychádza z toho :

h1 { font -size : 2.25 ; }

p { font -size : 0.8em ; }

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené