Maison  >  Article  >  interface Web  >  Comment définir le style de police italique en CSS ? (explication détaillée du code)

Comment définir le style de police italique en CSS ? (explication détaillée du code)

青灯夜游
青灯夜游original
2018-10-25 10:27:0024433parcourir

Comment définir le style de police italique en CSS ? Cet article vous expliquera comment définir le style de police italique à l'aide de CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Tout d'abord, nous devons savoir que la définition de l'inclinaison de la police dans un objet en CSS est souvent réalisée à l'aide de l'attribut CSS font-style L'attribut font-style peut définir le style. de la police.

Ci-dessous, nous utilisons un exemple de code simple pour expliquer en détail la méthode de définition du style italique pour les polices avec CSS !

Exemple de code de style italique de police CSS (italique) :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字体倾斜(斜体)样式</title>
		<style>
			.demo span{
				font-style: italic;
			}
		</style>
	</head>
	<body>
		<div class="demo">
			这里是一段测试文字,文字设置了<span>倾斜(斜体)样式</span>
		</div>
	</body>
</html>

Rendu :

Comment définir le style de police italique en CSS ? (explication détaillée du code)

Grâce à l'exemple, vous pouvez savoir : Pour obtenir l'effet de mise en gras de la police ici, l'attribut style de font-style : italic est principalement utilisé ; l'attribut font-weight peut définir le style de police, et la valeur de l'attribut italic définit un italique ; style de police. , convertissez le texte de la police en italique, afin que le texte puisse être incliné.

Exemple de code de style italique de police CSS (italique) :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字体倾斜(倾斜体)样式</title>
		<style>
			.demo span{
				font-style: oblique;
			}
		</style>
	</head>
	<body>
		<div class="demo">
			这里是一段测试文字,文字设置了<span>倾斜(倾斜体)样式</span>
		</div>
	</body>
</html>

Rendu :

Comment définir le style de police italique en CSS ? (explication détaillée du code)

Nous devons connaître les polices habituelles ont de nombreux attributs tels que gras, italique, souligné et barré. Mais toutes les polices n'auront pas ces attributs. Certaines polices inhabituelles peuvent n'avoir qu'un effet de police normal. Même si l'italique (italique) est utilisé, il n'y aura pas d'effet d'inclinaison. Dans ce cas, Oblique doit être utilisé. La valeur de l'attribut Oblique peut incliner le texte sans attributs italiques. Nous pouvons définir font-style: oblique pour incliner le texte de la police.

Une comparaison simple de l'italique et de l'oblique :

Les valeurs d'attribut italique et oblique​​de l'attribut font-style définissent toutes deux l'inclinaison vers la droite du texte, mais la différence est que l'italique définit une police italique, tandis que l'oblique définit l'inclinaison du texte. Pour les polices sans italique, la valeur de l'attribut Oblique doit être utilisée pour obtenir l'effet de texte oblique.

Résumé : ce qui précède représente tout le contenu de l'utilisation des valeurs d'attribut italique et oblique de l'attribut font-style pour définir le style d'inclinaison de la police présenté dans cet article. Vous pouvez l'essayer vous-même pour approfondir. votre compréhension. 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