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

nouveau fichier

<!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>

soumettre Réinitialiser le code

Opération automatique

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

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]