HTML+CSS 継承を簡単に始めることができる
CSS はカスケーディング スタイル シートの略稱であり、その仕様はインターネットの歴史の中で獨(dú)特の発展段階を表しています。今やWebページ制作に攜わる友人の中にはCSSを知らない人はいないほどで、Webページを作る過程でCSSを使うことが多くなってきています。
CSS を使用すると、ドキュメントの外観をより豊かで変更しやすく設(shè)定できるため、Web デザイナーの作業(yè)負(fù)擔(dān)を軽減できます。ここでは主に、CSS の継承と特殊性について友人と徹底的に議論したいと思います
1. 継承
CSS の主な機(jī)能の 1 つは継承であり、これは祖先と子孫の関係に依存します。継承とは、スタイルを特定の要素だけでなくその子孫にも適用できるようにする仕組みです
継承とは、スタイルを特定の HTML タグ要素だけでなく、その子孫にも適用できるようにするルールです。たとえば、次のコード: 特定の色が p タグに適用される場合、この色の設(shè)定は p タグだけでなく、p タグ內(nèi)のすべてのサブ要素テキストにも適用されます
p{color:red}
p タグがある場合、p タグ內(nèi)のすべての要素は 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 では、継承は非常に自然な動(dòng)作です。これができるかどうか検討してください。ただし、継承にも限界があります。
まず、一部の屬性は継承できません。これに理由はなく、単にそのように設(shè)定されているからです。例: border 屬性。ご存知のとおり、border 屬性は要素の境界線を設(shè)定するために使用され、継承はありません。パディング、マージン、背景、境界線のプロパティなど、ほとんどの境界線プロパティは継承できません。
3. 継承で発生しやすいエラー
継承によってエラーが発生する場合もあります
4. 複數(shù)のスタイルの混合適用
継承があるため、スタイルシートの適用に一部のリーダーが存在する可能性があります複數(shù)のスタイルシートが同時(shí)にオブジェクトに適用されるとどうなるかわかりません
5. CSS 継承の優(yōu)先事項(xiàng)
ドキュメントに最も近い CSS スタイルを使用します