CSSスタイルシートに導入された3つの方法

3632 ワード

方法一:インラインスタイルシート
ラベルの内部に次のように書きます.

方式二:内部スタイルシート
ヘッダーラベルにstyleラベルを宣言し、次のようにcssスタイルを書きます.

<html>
	<head>
		<style type="text/css">
			.test
			{
				background-color:red;
			}
		</style>
	</head>
	<body>
		<div class="test">
		</div>
	</body>
</html>

方法3:外部スタイルシート
外部のcssスタイルシートファイルにcssスタイルソースを書き込み、htmlページで参照します.
cssファイル:

.test
{
	background-color:red;
}

htmlファイル:

<html>
	<head>
		<link type="text/css" rel="styleSheet"  href="  CSS     ，       " />
	</head>
	<body>
		<div class="test">
		</div>
	</body>
</html>

上記の3つのソースコードは同じページ効果を達成することができます.これがcssスタイルシートを書く3つの方法です.

2019年のes 6特性

wordpressのDBに直接接続してコンテンツ更新する方法