インライン スタイルは、特定の Web ページの HTML タグ要素内に CSS スタイル コードを記述することです。インライン スタイルは、特定の HTML タグ内で使用し、style 属性を使用して特定の設定を行う必要があります。 HTML マークアップのスタイル。例: <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 はすべての要素に適用する必要があります。
以上がインラインCSSとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
