聲明css的方式是什么

發(fā)布時(shí)間：2020-11-30 13:40:54 來源：億速云閱讀：166 作者：小新欄目：web開發(fā)

這篇文章主要介紹了聲明css的方式是什么，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

聲明css有三種方式，分別是：1、在head標(biāo)簽中使用style標(biāo)簽聲明；2、在標(biāo)簽上使用style屬性聲明；3、在head標(biāo)簽中使用link標(biāo)簽引入外部聲明好的css文件。

聲明css有三種方式，分別是：

1、在head標(biāo)簽中使用style標(biāo)簽聲明：

作用：此聲明一般聲明當(dāng)前網(wǎng)頁的公共樣式或者給某個(gè)標(biāo)簽的單獨(dú)樣式

2、在標(biāo)簽上使用style屬性進(jìn)行聲明：

作用：此聲明會(huì)將css樣式直接作用于當(dāng)前標(biāo)簽。

3、在head標(biāo)簽中使用link標(biāo)簽引入外部聲明好的css文件

作用：此聲明相當(dāng)于調(diào)用，解決了不同網(wǎng)頁間樣式重復(fù)使用的問題

優(yōu)點(diǎn)：

一次聲明，隨處使用

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

舉例：

<!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>
		測(cè)試聲明方式一
		<hr > </hr>
		<!--方式二聲明-->
		<h2 style="background: #151515;color: aqua;">測(cè)試聲明方式二</h2>
		<h3>測(cè)試聲明方式三</h3>
	</body>
</html>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享聲明css的方式是什么內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細(xì)的解決方法等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

聲明css的方式是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽