ホームページ > 記事 > ウェブフロントエンド > CSSを宣言するにはどのような方法がありますか?

CSSを宣言するにはどのような方法がありますか?

王林オリジナル: 2020-11-27 11:09:222942ブラウズ

CSS を宣言するには 3 つの方法があります: 1. head タグ内で style タグ宣言を使用する; 2. タグ上で style 属性宣言を使用する; 3. head タグ内で link タグを使用して、外部宣言CSSファイルを導入します。

#この記事の環境: Windows10、css3、この記事はすべてのブランドのコンピューターに適用されます。

(学習ビデオ共有:

css ビデオチュートリアル)

css を宣言するには 3 つの方法があります:

1. head でスタイルを使用します。 tag タグ宣言:

関数: この宣言は通常、現在の Web ページのパブリックスタイル、または特定のタグの別のスタイルを宣言します

2。タグの style 属性を使用します。宣言する:

関数: このステートメントは、CSS スタイルを現在のタグに直接適用します。

3. head タグ内の link タグを使用して、外部で宣言された CSS ファイルを導入します。

関数: この宣言は呼び出しと同等であり、これにより、相互間のスタイルの再利用の問題が解決されます。異なる Web ページ

利点:

一度宣言すればどこでも使用可能

注: 同じページで異なる宣言メソッドを使用すると、近接性の原則に従います。

例:

<!DOCTYPE html>
<html>
	<head>		
		<meta charset="utf-8">
		<title></title>
	<!--方式一声明-->
		<style type="text/css">
			hr{
				width: 100%;
				height: 50px;
				color: #000000;
				background: #808080;
			}
		</style>
		<!--方式三声明-->
		<link rel="stylesheet" type="text/css" href="my.css"/>
	</head>
			
	<body>
		测试声明方式一
		<hr > </hr>
		<!--方式二声明-->
		<h1 style="background: #151515;color: aqua;">测试声明方式二</h1>
		<h2>测试声明方式三</h2>
	</body>
</html>

CSSを宣言するにはどのような方法がありますか?

関連記事