CSS 概述
- CSS 指層疊樣式表 (Cascading Style Sheets)
- 樣式定義如何顯示 HTML 元素
- 樣式通常存儲(chǔ)在樣式表中
- 把樣式添加到 HTML 4.0 中砾层，是為了解決內(nèi)容與表現(xiàn)分離的問(wèn)題
- 外部樣式表可以極大提高工作效率
- 外部樣式表通常存儲(chǔ)在 CSS 文件中
- 多個(gè)樣式定義可層疊為一
引用CSS的三種方式 優(yōu)先級(jí)順序:誰(shuí)離HTML代碼越近,誰(shuí)先生效
<head>
<style>
/* css樣式 第一種引用方式 ,直接在html文件內(nèi)的head標(biāo)簽內(nèi)寫(xiě)一對(duì)style標(biāo)簽，然后在 style標(biāo)簽內(nèi)寫(xiě)css樣式 */
</style>
</head><div style="width: 100px; height: 100px; background-color: red;">
我是一個(gè)div /* 第二種引用方式,在標(biāo)簽內(nèi)引用*/
</div>首先在外部定義一個(gè)css文件试浙。然后在html中中通過(guò)一行代碼來(lái)引用他<link rel="stylesheet" type="text/css" href="css文件路徑" />
CSS的三種選擇器
派生選擇器 直接定義標(biāo)簽的css屬性,用標(biāo)簽來(lái)選擇
id選擇器 <標(biāo)簽 id="自定義標(biāo)簽名字"></標(biāo)簽> #自定義標(biāo)簽名字{css 屬性}
類選擇器 <標(biāo)簽 class="自定義標(biāo)簽名字"></標(biāo)簽> .自定義標(biāo)簽名字{css 屬性}
