Maison > interface Web > tutoriel CSS > La propriété color du CSS est-elle héritée ?

La propriété color du CSS est-elle héritée ?

青灯夜游
Libérer: 2020-11-17 16:06:21
original
3399 Les gens l'ont consulté

L'attribut CSS color est hérité. L'héritage est une règle qui permet d'appliquer des styles non seulement à un élément de balise HTML spécifique, mais également à ses descendants et l'attribut color peut être hérité. Par exemple, en utilisant le paramètre color pour définir une certaine couleur sur la balise p, le style de couleur s'applique non seulement à la balise p mais également à ses descendants, et s'applique également à toutes les balises d'éléments enfants de la balise p.

La propriété color du CSS est-elle héritée ?

L'héritage est une règle qui permet d'appliquer des styles non seulement à un élément de balise html spécifique, mais également à ses descendants.

La propriété CSS color est héritée.

Par exemple, le code suivant : Définissez une certaine couleur à appliquer à la balise p. Ce paramètre de couleur s'applique non seulement à la balise p, mais s'applique également à tout le texte des sous-éléments du. Balise p. Le sous-élément ici est la balise span et les balises i.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<style>
			p {
				color: red;
			}
		</style>
	</head>

	<body>	
		<p>三年级时,我还是一个<span>胆小如鼠</span>的<i>小女孩</i>。</p>
	</body>

</html>
Copier après la connexion

La propriété color du CSS est-elle héritée ?

Remarque : En CSS, les attributs commençant généralement par text-, font-, line- peuvent être hérités.

Exemple :

1. Attributs de série de texte hérités

  • text-indent : retrait de texte

  • text-align : alignement horizontal du texte

  • line-height : hauteur de ligne

  • word-spacing : augmenter ou diminuer l'espacement entre les mots Blanc espace (c'est-à-dire espacement des mots)

  • espacement des lettres : augmenter ou diminuer l'espace entre les caractères (espacement des caractères)

  • transformation de texte : contrôle Casse du texte

  • direction : Spécifiez le sens d'écriture du texte

  • couleur : Couleur du texte

2. Attributs de famille de polices hérités

  • police : police combinée

  • font-family : famille de polices des éléments spécifiés

  • font-weight : Définir l'épaisseur de la police

  • font-size : Définir la taille de la police

  • font-style : Définissez le style de la police

  • font-variant : Définissez la police pour les petites majuscules pour afficher le texte, cela signifie que toutes les lettres minuscules seront converties en majuscules, mais toutes des polices en petites majuscules seront utilisées. Les lettres ont une taille de police plus petite que le reste du texte.

  • font-stretch : étire et déforme la famille de polices actuelle. Non pris en charge par tous les principaux navigateurs.

  • font-size-adjust : Spécifie une valeur d'aspect pour un élément afin que la hauteur x de la police préférée soit conservée.

Pour plus de connaissances liées à la programmation, veuillez visiter : Apprendre la programmation ! !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal