ホームページ > 記事 > ウェブフロントエンド > CSSを入れる場所
CSSを入れる場所
- 藏色散人オリジナル
- 2021-04-08 09:10:417846ブラウズ
CSS を配置できる場所は 3 つあります: 1. 現在の要素に対してのみ有効な要素タグの style 属性に配置します; 2. 要素タグの style タグに配置します。 head タグは現在のページの先頭にあります。これは現在のページのすべての要素に対してのみ有効です。3. 独立した CSS ファイルに配置し、そのファイルを紹介するすべてのページに対して有効です。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
CSS コードはどこに配置できますか? element タグの style 属性に記述された
1 は現在の要素に対してのみ有効であり、
2 は先頭の head タグの style タグに記述されます。現在のページは、現在のページのすべての要素に対してのみ有効です。
3 は、別の CSS ファイルに記述され、head タグ内の 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用して参照されます。ファイルを紹介します。
例を使って 1 つずつ説明します。
要素タグの style 属性に記述します。
<p style="color:red;">abc</p>
現在のページの先頭のタグに記述します。
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
text-align: center;
}
</style>
</head>別の CSS ファイルに記述され、2cdf5bf648cf2f33323966d7f58a7f3f タグを使用して参照されます:
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="Untitled-1.css">
</head>以下は CSS 別ファイルの内容です:
p{
color: red;
}[推奨学習: CSS ビデオ チュートリアル ]
以上がCSSを入れる場所の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。