Comment rendre ma police en gras avec css?

Je suis très novice en HTML et CSS et je me demandais comment je pouvais rendre ma police en gras avec CSS.

J’ai une page HTML simple qui importe un fichier CSS et je peux changer la police dans le CSS. Mais je ne sais pas comment rendre la police audacieuse, est-ce que quelqu’un peut m’aider?

Vous pouvez utiliser la déclaration CSS font-weight: bold; .

Je vous conseille de lire le guide CSS pour débutants sur http://htmldog.com/guides/cssbeginner/ .

Vous pouvez utiliser l’élément strong en html, ce qui est génial sur le plan sémantique (également utile pour les lecteurs d’écran, etc.), qui se traduit généralement par du texte en gras:

 See here, some emphasized text. 

Vous utiliseriez le font-weight: bold .

Voulez-vous rendre le document entier en gras? Ou juste des parties?

Sine vous êtes nouveau sur HTML voici trois exemples prêts à utiliser sur la façon d’utiliser CSS avec html. Vous pouvez simplement les mettre dans un fichier, l’enregistrer et l’ouvrir avec le navigateur de votre choix:

Celui-ci intègre directement votre style CSS dans vos balises / éléments. En général, ce n’est pas une approche très intéressante, car vous devez toujours séparer le contenu / HTML du design.

 < ?xml version='1.0' encoding='UTF-8'?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">    Hi, I'm bold!   

Hi, I'm very bold!

La suivante est une approche plus générale et travaille sur toutes les balises “p” (signifie le paragraphe) dans votre document et les rend en outre énormes. Btw. Google utilise cette approche dans sa recherche:

 < ?xml version='1.0' encoding='UTF-8'?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">    Hi, I'm bold!    

Hi, I'm very bold and HUGE!

Vous allez probablement prendre quelques jours à jouer avec les premiers exemples, mais voici le dernier. En cela, vous séparez complètement le design (css) et le contenu (html) les uns des autres dans deux fichiers différents. stackoverflow prend cette approche.

Dans un fichier, vous mettez tout le CSS (appelez-le ‘hello_world.css’):

  p { font-weight:bold; font-size:26px; } 

Dans un autre fichier, vous devez mettre le fichier HTML (appelez-le “hello_world.html”):

 < ?xml version='1.0' encoding='UTF-8'?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">    Hi, I'm bold!    

Hi, I'm very bold and HUGE!

Espérons que cela aide un peu. Pour traiter des éléments spécifiques de votre document et pas tous les tags, vous devez vous familiariser avec les atsortingbuts class , id et name . S’amuser!

Utiliser la propriété CSS

 font-weight: bold 
 < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">      Body text is now bold.   

poids de la police: gras;

 Selector name{ font-weight:bold; } 

Supposons que vous vouliez rendre gras pour l’élément p

 p{ font-weight:bold; } 

Vous pouvez utiliser une autre valeur alternative au lieu de gras comme

 p{ font-weight:bolder; font-weight:600; } 

Vous pouvez utiliser quelques approches. La première serait d’utiliser la balise forte

 Here is an example of that tag. 

Une autre approche consisterait à utiliser la propriété font-weight. Vous pouvez réaliser en ligne, ou via une classe ou un identifiant. Disons que vous utilisez une classe.

 .className { font-weight: bold; } 

Alternativement, vous pouvez également utiliser une valeur matérielle pour le poids de la police et la plupart des fonts prennent en charge une valeur comprise entre 300 et 700, incrémentée de 100. Par exemple, les caractères suivants sont en gras:

 .className { font-weight: 700; }