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

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

このチュートリアルの動作環境: 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. 内部スタイル シート

内部スタイル シートは タグ内の

Web ドキュメントに複数の

例:

<style type="text/css">
p{
    text-align: left;  /*文本左对齐*/
    font-size: 18px;  /*字体大小 18 像素*/
    line-height: 25px;  /*行高 25 像素*/
    text-indent: 2em;  /*首行缩进2个文字大小空间*/
    width: 500px;  /*段落宽度 500 像素*/
    margin: 0 auto;  /*浏览器下居中*/
    margin-bottom: 20px;  /*段落下边距 20 像素*/
}
</style>

3. 外部スタイル シート

CSS スタイルが Web 外部のファイルに配置されている場合ページ ドキュメント は外部スタイル シートと呼ばれ、CSS スタイル シート ドキュメントは外部スタイル シートを表します。

実際、外部スタイル シートは拡張子 .css を持つテキスト ファイルです。 CSS スタイル コードをテキスト ファイルにコピーし、.css ファイルとして保存すると、それは外部スタイル シートになります。

以下は外部スタイルシートです。

CSS ソースコードの文字コードは外部スタイルシートファイルの先頭で定義できます。たとえば、次のコードは、スタイル シート ファイルの文字エンコーディングを簡体字中国語として定義します。

@charset "gb2312";

CSS ファイルの文字エンコーディングを設定しない場合は、デフォルト設定を維持することができ、ブラウザは HTML ファイルの文字エンコーディングに従って CSS コードを解析します。

(学習ビデオ共有: css ビデオ チュートリアル)

以上がスタイルシートCSSにはどのような種類があるのでしょうか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。