communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

HTML+CSS Facile à démarrer avec l'héritage

CSS est l'abréviation de feuilles de style en cascade, et ses spécifications représentent une étape de développement unique dans l'histoire d'Internet. De nos jours, pour les amis qui travaillent dans la production de pages Web, il est rare qu'ils n'aient pas entendu parler du CSS, car nous avons souvent besoin de l'utiliser dans le processus de création de pages Web.
CSS nous permet de définir une apparence plus riche et plus facile à modifier pour les documents, ce qui peut réduire la charge de travail des concepteurs Web. Ici, nous souhaitons principalement avoir une discussion approfondie avec nos amis sur l'héritage et la particularité du CSS

1. L'héritage
L'une des principales caractéristiques du CSS est l'héritage, qui dépend de l'ancêtre-descendant relation de. L'héritage est un mécanisme qui permet d'appliquer des styles non seulement à un élément spécifique, mais également à ses descendants

L'héritage est une règle qui permet d'appliquer des styles non seulement à un élément de balise html spécifique, et doit être appliqué à ses descendants. Par exemple, le code suivant : Si une certaine couleur est appliquée à la balise p, ce paramètre de couleur est non seulement appliqué à la balise p, mais également à tous les textes de sous-éléments de la balise p

p{ color:red>

Lorsque nous avons une balise p, tous les éléments de la balise p utiliseront le style de la balise p 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>继承</title>
	<style type="text/css">
		p{
			color:red;
		}
	</style>
</head>
<body>
	<p> css继承性
		<span>重要性</span>
	</p>
</body>
</html>

2. Limitations de l'héritage CSS

Dans css, l'héritage est un comportement très naturel, nous n'avons même pas besoin de nous demander si nous pouvons le faire, mais l'héritage a ses limites.

Tout d’abord, certains attributs ne peuvent pas être hérités. Il n’y a aucune raison à cela, simplement parce que c’est ainsi que les choses sont organisées. Par exemple : l'attribut border Comme nous le savons tous, l'attribut border est utilisé pour définir la bordure d'un élément, et il n'a pas d'héritage. La plupart des propriétés de bordure, telles que les propriétés de remplissage, de marge, d'arrière-plan et de bordure, ne peuvent pas être héritées.

3. Erreurs faciles à provoquer dans l'héritage

Parfois, l'héritage peut également entraîner des erreurs

4. Application mixte de plusieurs styles

Depuis là. sont Sans héritage, certains lecteurs peuvent être confus quant à l'application dans les feuilles de style. Que se passera-t-il si plusieurs feuilles de style sont appliquées à un objet en même temps ?

5.La question prioritaire de l'héritage CSS

Utiliser des styles CSS proches du document

Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>继承</title> <style type="text/css"> p{ color:red; } </style> </head> <body> <p> css继承性 <span>重要性</span> </p> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492797 joue