首頁  >  文章  >  web前端  >  聲明css有哪幾種方式

聲明css有哪幾種方式

王林
王林原創
2020-11-27 11:09:222996瀏覽

聲明css有三種方式,分別是:1、在head標籤中使用style標籤聲明;2、在標籤上使用style屬性聲明;3、在head標籤中使用link標籤引入外部聲明好的css檔。

聲明css有哪幾種方式

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

(學習影片分享:css影片教學

聲明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>

相關推薦:CSS教學

#

以上是聲明css有哪幾種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn