宣告css有哪幾種方式

宣告css有三種方式，分別是：1、在head標籤中使用style標籤宣告；2、在標籤上使用style屬性宣告；3、在head標籤中使用link標籤引入外部宣告好的css檔案。

本文環境：windows10、css3，本文適用於所有品牌的電腦。

（學習視訊分享：）

宣告css有三種方式，分別是：

1、在head標籤中使用style標籤宣告：

作用：此宣告一般宣告當前網頁的公共樣式或者給某個標籤的單獨樣式

2、在標籤上使用style屬性進行宣告：

作用：此宣告會將css樣式直接作用於當前標籤。

3、在head標籤中使用link標籤引入外部宣告好的css檔案

作用：此宣告相當於呼叫，解決了不同網頁間樣式重複使用的問題

優點：

一次宣告，隨處使用

注意：在同一頁面使用不同宣告方式則遵循就近原則。

舉例：

<!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>