Hvad der udgør en blok brev kan variere en smule , afhængigt af om du taler til en typograf eller en web- designer. Men fælles karakteristika for en skrifttype med blokbogstaver omfatte alle store bogstaver , fed og sans-serif (uden fremspring i enderne af brevet slagtilfælde ) . Hvis du kodning blokbogstaver i teksten til din hjemmeside, desværre er der ikke en enkelt aktion for at gøre alle disse egenskaber vises. Men ved at lære tre specifikke CSS egenskaber , bør du være i stand til at justere en skrifttype til din smag til at ligne blokbogstaver . Ting du skal
HTML-fil til din webside
teksteditor software eller ekstraudstyr webside - udvikling software
Vis Flere Instruktioner
1
Åbn din HTML-filen i Deres redigeringssoftware til afsnittet , der indeholder dine CSS stilarter . Alternativt , skal du åbne CSS-fil , som du bruger som en vedhæftet stylesheet til din HTML-dokument.
2
Beslut hvilket mærke, du vil bruge i udpegning blokken brev stil. For eksempel kan du ønsker at anvende typografien på enhver tekst , der er markeret som " h1 " eller " h2 " i din HTML-fil , eller måske nogen tekst, der vises i et afsnit , mærket som " p ", bør have blokken stil .
3
Start med den font-family ejendom at beslutte, hvilke skrifttype, du vil bruge. For eksempel ved at skrive følgende kode : Hej
p {
font- family: sans-serif ;
}
Dette betyder, at enhver tekst , der er udpeget som stykke tekst i HTML-dokumentet , vises som standard sans- serif skrift på beskuerens computer. Du kan i stedet angive bestemte skrifttyper , i den rækkefølge , du foretrækker , ved at skrive : Hej
p {
font -family: Arial, Verdana , Tahoma , sans-serif ;
< p> }
det betyder stykke tekst vil vises i skrifttypen Arial . Hvis seeren ikke har Arial installeret på sin computer , vil skrifttypen vist som Verdana eller ned på listen - og endelig til computerens standard sans-serif font
4
Gør skrifttypen i . alle store bogstaver ved hjælp af tekst transform ejendom. Indtast følgende kode i den stil : Hej
p {
font -family: Arial, Verdana , Tahoma , sans-serif ;
text- transform : store bogstaver ; < br >
}
5
Fed skrifttype ved at bruge font -weight ejendom : Hej
p {
font -family: arial, Verdana , Tahoma , sans-serif ;
text- transform : store bogstaver ,
font -weight : fed;
}
mulighederne for font -weight omfatte " fed , "" dristigere ", og et talsystem 100-900 . For eksempel kan du skrive " font -weight : 700 ," se, hvordan det ser ud på forskellige computere og ændre antallet tilsvarende
6
Juster disse tre ejendomme i din kode til at opnå blokken brev resultat. du ønsker. Gem filen og observere resultaterne i en browser.