Mettre du texte en gras avec le CSS
Vous avez probablement déjà vu des sites Web où certains textes sont affichés en gras. Vous avez peut-être même pensé : “Je parie qu’ils ont utilisé un code spécial pour que cela se produise !”. Eh bien, vous auriez raison. Mais ce que vous ne savez peut-être pas, c’est qu’il est très simple de mettre cela en œuvre avec CSS. Vous n’allez pas croire à quel point il est facile de faire cela avec CSS ! Dans cet article, nous allons apprendre exactement cela. Vous serez étonné de la rapidité avec laquelle vous pouvez mettre en œuvre le code pour mettre du texte en gras à l’aide de CSS. Assurez-vous d’avoir un navigateur qui prend en charge la version actuelle de CSS (au moment de la rédaction de cet article, il s’agit de CSS3). Si votre navigateur est plus ancien, pensez à le mettre à niveau ou au moins à installer un module complémentaire tel que Chrome Frame (Google Chrome Frame) ou Internet Explorer Frame (IEFrame).
Comment rendre un en-tête (ou tout autre texte) gras avec CSS ?
Lors de la conception d’un site Web, il se peut que vous souhaitiez que certains textes ressortent plus que le reste. Pour ce faire, vous pouvez probablement utiliser des polices et des tailles différentes, mais parfois, cela ne suffit pas. Il existe des codes CSS qui permettent de rendre le texte plus gras, plus italique, plus grand, plus petit, et il existe également des codes pour changer la couleur du texte. Si vous voulez rendre un texte en gras sur un site Web, utilisez le code CSS ci-dessous. Vous pouvez l’appliquer à n’importe quelle zone de texte HTML, comme un en-tête ou un paragraphe. Le texte en gras est souvent utilisé pour les en-têtes ou les titres tels que “À propos de nous”, “Commencez quelque chose de nouveau” ou “Contactez-nous”. Mais il peut être utilisé pour n’importe quelle partie d’un site Web, comme un paragraphe, où vous souhaitez que le lecteur prête une attention particulière à l’écriture.
Code CSS requis
Il y a quelques parties clés du code ci-dessous qui rendront le texte en gras. La première est la propriété font-weight. Elle indique le poids (ou l’épaisseur) de la police à utiliser. Comme le texte en gras est plus épais que les autres polices, vous utiliserez la police en gras. La propriété font-weight est un nombre. 100 est le poids normal de la police et 700 est le plus gras. Donc, si vous voulez que quelque chose soit en gras, utilisez un nombre supérieur à 100. Vous avez peut-être aussi remarqué qu’il y a des crochets de part et d’autre des mots “weight” : { }. Ces crochets indiquent le début et la fin du code qui met le texte en gras. Si un mot se trouve au milieu et que vous n’avez pas de crochets, cela ne fonctionnera pas.
Comment mettre un texte en gras en HTML ?
Lorsque vous concevez une page HTML, vous pouvez ajouter du texte en gras dans n’importe quelle zone de texte. Par exemple, pour mettre le mot “About” en gras, vous écrirez le code comme suit : p>A propos de b>Nos/b>/p>. Cela signifie qu’il faut créer un paragraphe et mettre le mot “À propos” à l’intérieur du paragraphe. Ensuite, mettez “Nous” en gras. Mettez le mot en gras en mettant deux lettres “b” dans le code à l’intérieur des guillemets. Pour mettre d’autres mots en gras, remplacez simplement “À propos de nous” par les mots que vous voulez mettre en gras. Si vous voulez mettre en gras l’ensemble du paragraphe, vous pouvez utiliser les codes p> et /p> pour créer et terminer le paragraphe.
Bonus : mettez le texte en gras pour souligner l’essentiel.
Parfois, vous pouvez vouloir mettre l’accent sur un point lorsque vous écrivez du texte. Vous pouvez le faire avec du texte en gras, en italique et souligné. Vous pouvez avoir un paragraphe dont vous voulez souligner l’importance. Par exemple, vous pouvez avoir un article sur un certain sujet et vous voulez vous assurer que vos lecteurs savent qu’il est important. Pour mettre en valeur un point dans un paragraphe, mettez le texte en gras, en italique ou les deux. Vous pouvez également le souligner. L’exemple ci-dessous montre comment mettre le mot “important” en gras, “très” en italique et le mot “lire” souligné.