目次
行内元素,h2 标题元素
ホームページ ウェブフロントエンド フロントエンドQ&A スタイルシートCSSにはどのような種類があるのでしょうか?

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

Jul 15, 2021 pm 05:29 PM
css

スタイル シート 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 id="行内元素-h-nbsp-标题元素">行内元素,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> タグ内の