Ce qui constitue 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 comprennent majuscules, en 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 Web, malheureusement il n'y a pas une seule action à prendre toutes ces caractéristiques apparaissent. Cependant, par l'apprentissage de trois propriétés spécifiques de CSS, vous devriez être en mesure d'ajuster une police à votre goût pour ressembler à lettres moulées.
Ouvrez votre fichier HTML dans votre logiciel de montage à la section qui contient vos styles CSS. Sinon, ouvrez le fichier CSS que vous utilisez comme une feuille attachée à votre document HTML.
Décidez qui tag que vous allez utiliser pour désigner le style d'une lettre de bloc. Par exemple, vous pouvez appliquer le style à tout 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.
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 tout texte désigné comme texte de paragraphe dans le document HTML apparaîtra comme la police par défaut sans-serif 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;}
Cela signifie texte d'un paragraphe sera affiché dans la police Arial. Si le spectateur n'a pas Arial installé sur son ordinateur, la police va afficher comme Verdana, ou sur la liste - enfin à la police par défaut sans-serif de l'ordinateur.
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;
}
Téméraire la police en utilisant la propriété font-weight:
p {
font-family: arial, Verdana, Tahoma, sans-serif;text-transform: uppercase;
font-weight: bold;
}
Les options de font-weight comprennent "gras," "plus audacieux," et un système de 100 à 900. Par exemple numéro, vous pouvez taper "font-weight: 700-" voir comment il apparaît sur des ordinateurs différents et modifier le numéro en conséquence.
Régler ces trois propriétés dans votre code pour obtenir la lettre de bloc résultat que vous désirez. Enregistrez le fichier et observer les résultats dans un navigateur.