Qu'est-ce qu'une lettre de bloc peut varier légèrement selon que vous parlez à un typographe ou un concepteur Web . Cependant, les caractéristiques communes d'une police en caractères d'imprimerie sont en majuscules , gras et sans-serif (sans projections aux extrémités de la lettre coups ) . Si vous codez lettres majuscules dans le texte de votre site, il n'est malheureusement pas une action unique de faire toutes ces caractéristiques apparaissent. Cependant, en apprenant trois propriétés CSS spécifiques, vous devriez être en mesure de régler une police à votre goût pour ressembler à lettres moulées. Choses que vous devez
fichier HTML de votre page Web
logiciel éditeur de texte ou en option Page Web , développement de logiciels
Afficher plus Instructions
1
Ouvrez votre fichier HTML dans votre logiciel de retouche à la section qui contient vos styles CSS . Sinon , ouvrez le fichier CSS que vous utilisez comme une feuille de style attachée à votre document HTML.
2
Décidez quel tag que vous allez utiliser pour désigner le style d'une lettre de bloc. Par exemple, vous pouvez appliquer le style à un texte qui est marqué comme «H1» ou «H2» dans votre fichier HTML, ou peut-être tout texte qui apparaît dans un paragraphe, marqué comme "p ", devrait avoir le style de bloc .
3
Commencez par la propriété font-family de décider quelle police que vous souhaitez utiliser . Par exemple, tapez le code suivant :
p {
font-family: sans-serif; }
Cela signifie que le texte considéré comme texte d'un paragraphe dans le document HTML apparaîtra comme la police sans-serif par défaut sur l'ordinateur de l'utilisateur. Vous pouvez spécifier à la place des polices spécifiques , dans l'ordre dans lequel vous préférez, en tapant:
p {
font-family: arial, Verdana , Tahoma , sans-serif;
< p> }
Ce paragraphe de texte moyens s'affichera dans la police Arial . S'il n'a pas Arial installé sur son ordinateur le spectateur, la police s'affichera comme Verdana , ou sur la liste - enfin à la police sans-serif par défaut de l' ordinateur
4
Faire la police dans . toutes les lettres majuscules en utilisant la propriété text-transform . Tapez le code suivant dans le style:
p {
font-family: arial, Verdana , Tahoma , sans-serif;
text-transform : uppercase ; < br Photos
p { font-
de famille : arial, Verdana , Tahoma , >
5
gras la police en utilisant la propriété font-weight
sans-serif;
text-transform : uppercase ;
font-weight : bold; }
Les options font-weight include " gras »,« audacieuse », et un système de numération 100-900 . Par exemple , vous pouvez taper "font-weight : 700; « voir comment il apparaît sur des ordinateurs différents et modifier en conséquence le nombre
6
Régler ces trois propriétés dans votre code pour obtenir le résultat de lettre de bloc. que vous désirez. Sauvegardez le fichier et observer les résultats dans un navigateur .