Wat is een blok brief kan enigszins variëren afhankelijk van of u spreekt een typograaf of een webdesigner . Echter , de gemeenschappelijke kenmerken van een lettertype in blokletters omvatten alle hoofdletters , vet , en sans - serif (zonder uitsteeksels aan de uiteinden van de brief slagen) . Als u codeerblok letters in de tekst van uw website , is er helaas geen een enkele actie om al deze kenmerken lijken . Echter , door het leren van drie specifieke CSS- eigenschappen , moet u in staat om een lettertype aan te passen naar uw wens te blokletters lijken . Wat je
HTML -bestand voor uw webpagina
tekstverwerker software of optionele webpagina - ontwikkelsoftware
Need Toon Meer Aanwijzingen
1 Open uw HTML-bestand in uw bewerkingssoftware naar het gedeelte dat uw CSS-stijlen bevat . Afwisselend , opent u het CSS-bestand dat u gebruikt als een bijgevoegd stylesheet aan uw HTML-document . Kopen van 2 Bepaal welke tag je zal gebruiken bij de aanwijzing van het blok brief. Bijvoorbeeld , kunt u de stijl wilt toepassen op alle tekst die is gemarkeerd als " h1 " of " h2 " in uw HTML-bestand , of misschien wel alle tekst die in een paragraaf wordt weergegeven , gemarkeerd als " p ", moet het blok stijl .
3 Begin met de eigenschap font -family om te beslissen welk lettertype u wilt gebruiken . Typ bijvoorbeeld de volgende code : p { font-family
: sans - serif ;
}
Dit betekent dat elke tekst die als paragraaf tekst in het HTML-document wordt weergegeven als de standaard schreefloze lettertype op de computer van de kijker . U kunt in plaats daarvan opgeven specifieke lettertypen , in de volgorde waarin u de voorkeur , door te typen : p { font-family
: arial , verdana , tahoma , sans - serif ;
}
Dit betekent paragraaf tekst wordt weergegeven in het lettertype Arial . Als de kijker niet heeft Arial geïnstalleerd op zijn computer , zal het lettertype weergegeven als Verdana , of op de lijst - eindelijk standaard lettertype van de computer schreefloze
4 Maak het lettertype in . alle hoofdletters met de eigenschap text- transform . Typ de volgende code in de stijl van : p { font-family
: arial , verdana , tahoma , sans - serif ; text - transform
: hoofdletters ; < br > }
5 Vet het lettertype met de eigenschap font-weight : p
{ font-family
: arial , verdana , tahoma , sans - serif ; text - transform
: hoofdletters ;
font-weight : bold ;
}
De opties voor font-weight bevatten " bold , " " bolder , "en een aantal systeem 100-900 . Bijvoorbeeld , kon u " font-weight : 700 ; " typt u zien hoe het op verschillende computers verschijnt en het nummer overeenkomstig veranderen
6 Pas deze drie eigenschappen in uw code om het blok brief resultaat te bereiken . u wenst . Sla het bestand op en bekijk het resultaat in een browser .
|
