HTML+CSS 継承を簡単に始めることができる

CSS はカスケーディングスタイルシートの略称であり、その仕様はインターネットの歴史の中で独特の発展段階を表しています。今やWebページ制作に携わる友人の中にはCSSを知らない人はいないほどで、Webページを作る過程でCSSを使うことが多くなってきています。
CSS を使用すると、ドキュメントの外観をより豊かで変更しやすく設定できるため、Web デザイナーの作業負担を軽減できます。ここでは主に、CSS の継承と特殊性について友人と徹底的に議論したいと思います

1. 継承
CSS の主な機能の 1 つは継承であり、これは祖先と子孫の関係に依存します。継承とは、スタイルを特定の要素だけでなくその子孫にも適用できるようにする仕組みです

継承とは、スタイルを特定の HTML タグ要素だけでなく、その子孫にも適用できるようにするルールです。たとえば、次のコード: 特定の色が p タグに適用される場合、この色の設定は p タグだけでなく、p タグ内のすべてのサブ要素テキストにも適用されます

p{color:red}

p タグがある場合、p タグ内のすべての要素は 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. CSS 継承の制限

CSS では、継承は非常に自然な動作です。これができるかどうか検討してください。ただし、継承にも限界があります。

まず、一部の属性は継承できません。これに理由はなく、単にそのように設定されているからです。例: border 属性。ご存知のとおり、border 属性は要素の境界線を設定するために使用され、継承はありません。パディング、マージン、背景、境界線のプロパティなど、ほとんどの境界線プロパティは継承できません。

3. 継承で発生しやすいエラー

継承によってエラーが発生する場合もあります

4. 複数のスタイルの混合適用

継承があるため、スタイルシートの適用に一部のリーダーが存在する可能性があります複数のスタイルシートが同時にオブジェクトに適用されるとどうなるかわかりません

5. CSS 継承の優先事項

ドキュメントに最も近い CSS スタイルを使用します

学び続ける

新しいファイル

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

提出するリセットコード

自動運転