ページ上で CSS を使用する 3 つの主な形式は何ですか?-フロントエンドQ&A-php.cn

ページ上で CSS を使用する 3 つの主な形式は何ですか?

青灯夜游

リリース： 2023-01-07 11:41:37

オリジナル

7571 人が閲覧しました

3 つの形式: 1. タグの style 属性にスタイルを書き込みます。構文は "" です。 2. style タグのペアにスタイルを書き込みます。 syntax is "< ;style>code"; 3. CSS コードを「.css」ファイルに配置し、リンクタグを使用して導入します。

ページ上で CSS を使用する 3 つの主な形式は何ですか?

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

1. インラインスタイル

は、タグの style 属性を通じて要素のスタイルを設定します。その基本的な構文形式は次のとおりです:

<element style="属性:值;属性:值;...">内容</element>

ログイン後にコピー

構文内の style タグの属性です。実際、どの HTML タグにも、インラインスタイルを設定するために使用される style 属性があります。属性値の記述仕様は、CSS のスタイルルールと同じです。インラインstyle は、そのすべてのタグとその中にネストされているサブタグに対して機能します。

2. 内部スタイルシート

埋め込みスタイルとは、HTML文書のheadタグ内にCSSコードを記述し、styleタグで定義することです。構文形式は次のとおりです。

<head>  
<style type="text/css"> 
css选择器{ 
  属性:值;
  属性:值;
}
</style> 
</head>

ログイン後にコピー

構文では、通常、style タグは head タグの後に配置されますが、HTML ドキュメント内の任意の場所に配置することもできます。

3. 外部リンクスタイル

リンクスタイルは、拡張子として CSS を持つ 1 つ以上の外部スタイルシートファイルにすべてのスタイルを配置します。link タグは外部にリンクします。スタイルを HTML ドキュメントに追加します。その基本的な構文形式は次のとおりです:

<link rel="stylesheet" type="text/css" href="css文件路径" />

ログイン後にコピー

AttributeDescriptionrel現在のドキュメントと他のリンクされたドキュメント間の関係を定義します。「スタイルシート」とは、リンクされたドキュメントがスタイルシートファイルであることを意味します hrefリンクされた外部スタイルシートファイルの URL を定義します。相対パスまたは絶対パスを使用できます。