」。"/> 」。">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTML インラインとはどういう意味ですか?

HTML インラインとはどういう意味ですか?

青灯夜游
青灯夜游オリジナル
2021-12-14 11:55:533575ブラウズ

HTML インラインとは、特定の HTML タグの style 属性を使用して CSS スタイルを設定し、特定の Web ページの HTML タグ要素に CSS スタイル コードを記述することです。構文「2c7b55775101d4da4ebca06376bf2190cc7a5ce605f03d28b59de844b556b746"。

HTML インラインとはどういう意味ですか?

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

HTML インラインとは、特定の HTML タグの style 属性を使用して CSS スタイルを設定し、特定の Web ページの HTML タグ要素に CSS スタイル コードを記述することです。

構文:

<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>

例:


<div style="color:#f00"></div>

機能:

1)、インライン スタイルはコード内の HTML 要素に配置されます。

2) インライン スタイルを使用する場合、スタイルは選択した要素にのみ影響します。

3)、インライン スタイルにはセレクターはありません

注: HTML で定義されたインライン スタイルは、追加先のタグにのみ適用されます。

各 HTML タグを個別にスタイル設定する必要があるため、インライン スタイルは使用しないことをお勧めします。インライン スタイルのみを使用すると、Web サイトの管理が非常に困難になる可能性があります。ただし、特定の状況では役立つ場合があります。たとえば、CSS ファイルにアクセスできない場合や、単一の要素にのみスタイルを適用する必要がある場合などです。

インライン CSS を使用した HTML ページの例は次のとおりです:

<!DOCTYPE html>
<html>
  <body style="background-color:black;">
    <h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
    <p style="color:white;">Something usefull here.</p>
   </body>
</html>

インラインの利点:


1. 変更をテストしてプレビューしたい場合は、とても便利です。

2. 迅速な修復に非常に役立ちます。

3. HTTP リクエストを減らします。

インラインの欠点:

  • インライン CSS はすべての要素に適用する必要があります。

推奨チュートリアル: 「

html ビデオ チュートリアル

以上がHTML インラインとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。