ホームページ > ウェブフロントエンド > フロントエンドQ&A > スタイルシートCSSにはどのような種類があるのでしょうか?

スタイルシートCSSにはどのような種類があるのでしょうか?

青灯夜游
リリース: 2023-01-07 11:43:40
オリジナル
10512 人が閲覧しました

スタイル シート CSS には 3 つのタイプがあります: 1. インライン スタイル シート、スタイル属性を使用してコード行内のタグに CSS スタイルを直接配置します; 2. 内部スタイル シート、CSS を配置しますstyle in "

スタイルシートCSSにはどのような種類があるのでしょうか?

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

1 つ以上の CSS スタイルでスタイル シートを形成できます。スタイルシートにはインラインスタイルシート、内部スタイルシート、外部スタイルシートがあり、それぞれに本質的な違いはなく、いずれも1つ以上のスタイルから構成されています。

1. インライン スタイル シート

インライン スタイルは、コード行内のタグに CSS スタイルを直接配置することです (通常はタグ スタイル属性の中で、インライン スタイルはタグに直接挿入されるため、最も直接的な方法ですが、変更するのが最も不便なスタイルでもあります。

例:

<p style="background-color: #999900">行内元素,控制段落-1</p>
<h2 style="background-color: #FF6633">行内元素,h2 标题元素</h2>
<p style="background-color: #999900">行内元素,控制段落-2</p>
<strong style="font-size:30px;">行内元素,strong 比 em 效果要强</strong>
<div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素,div 块级元素</div>
<em style="font-size:2em;">行内元素,em 强调</em>
ログイン後にコピー

2. 内部スタイル シート

内部スタイル シートは < に含まれます。 style> タグ内の