CSSインラインとは何ですか-フロントエンドQ&A-php.cn

CSSインラインとは何ですか

青灯夜游

リリース： 2021-12-29 15:40:16

オリジナル

4731 人が閲覧しました

css インラインとは、style 属性を使用して、指定された HTML タグ要素内に CSS スタイルコードを記述することを指します。HTML タグの属性タグとして存在します。構文は "」。 CSS インラインスタイルを使用すると、指定した要素に対して個別にスタイルを定義でき、そのスタイルは指定した要素にのみ影響します。

CSSインラインとは何ですか

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

cssインラインとは、style属性を利用して、指定したhtmlタグ要素内にcssのスタイルコードを記述することを指し、HTMLタグの属性タグとして存在します。

構文:

<element style="style_definitions">

ログイン後にコピー

Value style_definition: セミコロンで区切られた 1 つ以上の CSS プロパティと値。 (例: style="color:blue;text-align:center")

例:

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>css行内样式</title>
</head>
<body>
<div style="width:100px;height:100px;background:red;"></div>
</body>
</html>

ログイン後にコピー

CSSインラインとは何ですか

インライン CSS の特徴:

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

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

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

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

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

(学習ビデオ共有: css ビデオチュートリアル)

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