Maison  >  Article  >  interface Web  >  Comment définir le style de police gras en CSS

Comment définir le style de police gras en CSS

青灯夜游
青灯夜游original
2018-10-23 16:17:2373919parcourir

Comment définir le style de police gras en CSS : créez d'abord un exemple de fichier HTML ; puis définissez du contenu de texte dans le corps ; enfin, transmettez "font-weight:bold;" ou "font-weight:bolder; " Définissez simplement le style de police gras à l'aide des propriétés.

Comment définir le style de police gras en CSS

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, HTML5&&CSS3.

Tout d'abord, à travers un exemple de code simple, nous expliquerons en détail comment implémenter le css pour mettre la police en gras !

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css 字体加粗</title>
		<style>
			.a1{
				font-weight:bold;
			}
			.a2{
				font-weight:bolder;
			}
		</style>
	</head>
	<body>
		<div>
			<p>这是一段测试文字<br />
				<span class="a1">这里使用bold属性值加粗字体</span><br />
			
				<span class="a2">这里使用bolder属性值加粗字体</span>
			</p>
		</div>
	</body>
</html>

Regardons le rendu :

Comment définir le style de police gras en CSS

A travers l'exemple, vous pouvez savoir : le css est principalement utilisé pour réaliser le effet de gras de police ici Les attributs de style de font-weight:bold; et font-weight:bolder dans . Nous devons savoir que l'attribut font-weight peut définir l'épaisseur de la police du texte, et que la définition de la valeur de l'attribut bold peut définir des caractères gras, et que la valeur de l'attribut bolder peut définir des caractères plus épais, obtenant ainsi un effet de police gras.

Dans l'attribut CSS font-weight, non seulement la valeur de l'attribut bold et la valeur de l'attribut bolder peuvent mettre la police en gras, mais également définir la valeur numérique pour mettre la police en gras. Jetons un coup d'œil à l'effet :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css 字体加粗</title>
		<style>
			.a1{
				font-weight:bold;
			}
			.a2{
				font-weight:800;
			}
		</style>
	</head>
	<body>
		<div>
			<p>这是一段测试文字<br /><br />
				<span class="a1">这里使用bold属性值加粗字体</span><br /><br />
			
				<span class="a2">这里使用数值加粗字体</span>
			</p>
		</div>
	</body>
</html>

Rendu :

Comment définir le style de police gras en CSS

Description :

L'attribut font-weight est utilisé pour définir la police grasse utilisée dans le texte de l'élément d'affichage. La valeur numérique 400 équivaut au mot clé normal (police standard) et 700 équivaut à gras (police grasse). La police en gras de chaque valeur numérique doit être au moins aussi fine que le prochain plus petit nombre et au moins aussi épaisse que le prochain plus grand nombre.

Résumé : vous trouverez ci-dessus toutes les méthodes de définition du style de police gras présentées dans cet article. Vous pouvez l'essayer vous-même pour approfondir votre compréhension et définir différentes valeurs pour l'attribut CSS font-weight dans. différentes situations selon vos besoins. Mettez la police en gras. J'espère que cela sera utile à l'apprentissage de tout le monde. Pour plus de didacticiels connexes, veuillez visiter : Tutoriel vidéo de base CSS , Tutoriel vidéo HTML , Tutoriel vidéo bootstrap  !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn