CSSコードはHTML内のどこに配置できますか-CSSチュートリアル-php.cn

CSSコードはHTML内のどこに配置できますか

奋力向前

リリース： 2023-01-07 11:47:24

オリジナル

8923 人が閲覧しました

CSS コードの場所: 1. style 属性を直接使用し、構文 ""; を使用して HTML タグに配置します。 2. style を使用します。 CSSコードをまとめて記述するタグドキュメントのheadタグ内では「」という構文になります。

CSSコードはHTML内のどこに配置できますか

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。