HTMLのスタイルタグってどういう意味ですか? styleタグの使い方を詳しく解説

寻∝梦
リリース: 2018-08-22 13:58:39
オリジナル
16438 人が閲覧しました

この記事では主に HTML スタイル タグの定義と属性の紹介について説明します。まず、HTML におけるスタイル タグの用途と位置を理解してから、使用されているいくつかのメソッドと詳細なテクニックを紹介します。

html スタイル タグの使用法 タグ:

タグ ペアにさまざまなタグのスタイルを記述します (body または h1 にすることができます)。つまり、すべてのインライン スタイルを記述します。一緒に

たとえば、10 個のタグがすべて同じクラスの場合、インライン スタイルに 10 個のタグを記述し、スタイルには 1 つだけ記述する必要があります。

これで、すべて構造 (html)、スタイル (css)、および動作 (js) が分離されたデザイン パターンになりました

<p id="xxx">===><style>#xxx{}</style>
<p class="xxx">===><style>.xxx{}</style>
<body></body>===><style>body{}</style>
ログイン後にコピー

スタイル タグは、CSS スタイル シート内の位置に応じて 3 つのタイプに分類されます:

1 . インラインスタイルシート

3. 外部スタイルシート

を詳しく説明します

1. 埋め込みスタイルシート

は、例えば、 、 < ;p> タグで使用される

の構文は次のとおりです:

<p style font-size:20pt>这段文字使用了内嵌样式表,更改了字体大小为20</p>
ログイン後にコピー

2. 内部スタイル シート

は、 タグの間に記述されます。 html Web ページなので、このページのすべてに有効です。なお、特定のタグ内に記述していないため、そのタグ内でこのスタイルシートを使用したい場合は、定義時にも明記しておかないと不具合が発生しますので注意が必要です。ページ全体が混乱します。例:

<html>
<head>
p.mylayout <style type="text/css">{font-size:22pt; color:blue; border-width:1px; border:double; text-align:center; }</style></head>
<body> 
<p class="mylayout">这段文字使用了样式表</p>
<p>这段文字没有使用样式表</p>
</body>
</html>
ログイン後にコピー

このスタイル シートをすべて使用したくない場合は、以前に