ホームページ  >  記事  >  ウェブフロントエンド  >  スタイルってどういう意味ですか?

スタイルってどういう意味ですか?

不言
不言オリジナル
2019-01-08 13:46:2843862ブラウズ

フロントエンドの知識を学ぶときにスタイル属性をよく使用しますが、スタイルとは何を意味するのでしょうか?今回はスタイルの意味についてご紹介します。以下、具体的な内容を見ていきましょう。

スタイルってどういう意味ですか?

c9ccee2e6ea535a969eb3f532ad9fe89 タグは、HTML ドキュメントのスタイル情報を定義するために使用されます。style では、HTML ドキュメントがブラウザーでどのように表示されるかを指定できます。

type 属性は必須であり、style 要素の内容を定義します。唯一可能な値は「text/css」です。スタイル要素は head セクションにあります。

つまり、styleタグにはCSSの様々な内容を記述することができ、具体的な例を見てみましょう

コードは次のとおりです

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.test{
			height: 200px;
			width: 200px;
			background: skyblue;
		}
	</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
##。 #Run Effect

スタイルってどういう意味ですか?

スタイルで幅と高さが 200 ピクセル、背景色がスカイブルーの正方形を定義します。

style はタグ内で直接使用することもできます。例は次のとおりです。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<div style="width: 200px;height: 200px;background: lightgreen;"></div>
</body>
</html>

効果は次のとおりです。幅と高さが 200 ピクセルで、薄緑色の正方形を定義することもできます。背景色。

スタイルってどういう意味ですか?

この記事はここで終わります。さらにエキサイティングなコンテンツについては、php 中国語 Web サイトに注目してください。 ! !

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

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