HTML インラインとはどういう意味ですか?-フロントエンドQ&A-php.cn

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

青灯夜游

リリース： 2021-12-14 11:56:25

オリジナル

3705 人が閲覧しました

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

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 リクエストを減らします。

インラインの欠点: