CSS語(yǔ)法
CSS的基本結(jié)構(gòu)1
CSS的基本結(jié)構(gòu)2
[圖1]我們稱(chēng)這段代碼的h1為選擇器粘室，大括號(hào)里面的color:red為聲明語(yǔ)句践剂，聲明語(yǔ)句又分為color（屬性）和red（值）并以:分隔.[圖2]當(dāng)一個(gè)選擇器有多條聲明語(yǔ)句的時(shí)候船万，每條聲明語(yǔ)句用分隔符;隔開(kāi).
CSS注釋
/* 這是一行單行注釋 */
/*
這個(gè)注釋分散
在多個(gè)行上面
*/
引入CSS
行內(nèi)
<h1 style="color: red;">我是紅色標(biāo)題</h1>
- 可以通過(guò)給標(biāo)簽中加入
style屬性來(lái)增加樣式. - 這種方法缺點(diǎn)是會(huì)
復(fù)雜籽慢、冗余.
內(nèi)嵌
<head>
<style type="text/css">
p{
color: red;
}
</style>
</head>
<body>
<h1>我是紅色標(biāo)題</h1>
</body>
- 在
<style>標(biāo)簽內(nèi)添加樣式. - 這種方法在遇到多個(gè)頁(yè)面的時(shí)候犯助，會(huì)
冗余.
外鏈
<head>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>我是紅色標(biāo)題</h1>
</body>
/* style.css */
p{
color: red;
}
- 通過(guò)
<link>把html文檔和css文檔鏈接起來(lái)栗竖，從外部修改樣式.
