この記事では、CSS スタイルシートの導入方法とそのメリットとデメリットを紹介しますので、参考になると思います。
スタイルシートは 3 つの方法で CSS に導入できます。
(1) インライン スタイル
(2) 埋め込みスタイル
(3) 外部スタイル
これらの CSS スタイルにはそれぞれ長所と短所があります。
インライン スタイル
機能: (1) インライン スタイルは、コード内の HTML 要素に配置されます。
(2) インライン スタイルを使用する場合、スタイルは選択した要素にのみ影響します。
(3) インライン スタイルにはセレクターがありません
例:
<div style="width:100px;height:100px;border:1px solid #ccc"><div>
この CSS インライン スタイルは変更のみ可能ですこの div の幅と高さを変更しても、ページ上の div や属性のスタイルは変更されません。これは、インライン スタイルの制限の 1 つです。特定の要素のみを変更し、インライン スタイルも非常に特殊であるため、これはベスト プラクティスではありません。このため、他の非インライン スタイルでオーバーライドすることが困難になり、実際、Web ページでインライン スタイルを使用することはほとんどありません。
埋め込みスタイル
特徴: (1) スタイルタグ
