ホームページ > 記事 > ウェブフロントエンド > CSSコードはHTML内のどこに配置できますか
CSSコードはHTML内のどこに配置できますか
- 奋力向前オリジナル
- 2021-09-07 12:06:038932ブラウズ
CSS コードの場所: 1. style 属性を直接使用し、構文 "36643f942ea2f34798a5b9cbba7e26c6"; を使用して HTML タグに配置します。 2. style を使用します。 CSSコードをまとめて記述するタグ ドキュメントのheadタグ内では「c9ccee2e6ea535a969eb3f532ad9fe89css code531ac245ce3e4fe3d50054a55f265927」という構文になります。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
htmlにおけるcssコードの配置位置
1.style属性を直接利用してhtmlタグ内に配置します
基本構文 形式は次のとおりです:
<element style="value">
構文では、style はタグの属性です。実際、どの HTML タグにも style 属性があります。インラインスタイルを設定するために使用されます。属性や値の記述仕様はCSSスタイルのルールと同じで、インラインスタイルはそれが配置されているタグとその中にネストされているサブタグにのみ影響します。
インライン CSS のみを使用すると、Web サイトの管理が非常に困難になる可能性があるため、各 HTML タグを個別にスタイル設定する必要があるため、インライン CSS は使用しないことをお勧めします。ただし、特定の状況では役立つ場合があります。たとえば、CSS ファイルにアクセスできない場合や、単一の要素にのみスタイルを適用する必要がある場合などです。インライン CSS を含む HTML ページの例は次のとおりです:
Hostinger チュートリアル
ここで役立つもの.
2. style タグを使用して CSS を記述しますHTML 文書の head タグ内の
の基本的な構文形式は次のとおりです。
<head> <style type="text/css"> css代码 </style> </head>
の構文では、style タグが使用されます。通常、head に配置されます。タグ内の title タグの後に、HTML ドキュメント内の任意の場所に配置することもできます。
style type="text/CSS" は html5 では省略可能であり、こちらの方が仕様に沿っているので、ここは書いても省略しても構いません。
例:
<head>
<style type="text/css">
p {color:white; font-size: 10px;}
.center {display: block; margin: 0 auto;}
#button-go, #button-back {border: solid 1px black;}
</style>
</head>拡張知識:
html の正式名は Hypertext Markup Language で、一連のマークアップ言語です。ラベルの。これらのタグは、ネットワーク上のドキュメント形式を統一し、散在するインターネット リソースを論理的な全体に接続します。HTML テキストは、HTML コマンドで構成される説明テキストです。HTML コマンドは、テキスト、グラフィックス、アニメーション、サウンド、表、リンクなどを記述できます。主に CSS JS と組み合わせてエレガントなフロントエンド Web ページを構築するために使用されます。
推奨学習: CSS ビデオ チュートリアル
以上がCSSコードはHTML内のどこに配置できますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。