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

王林
リリース: 2020-11-27 11:09:22
オリジナル
3006 人が閲覧しました

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

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 チュートリアル

以上がCSSを宣言するにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート