表现形式CSS
CSS(Cascading StyleSheets的縮寫),翻譯為“層疊樣式表”或者“級(jí)聯(lián)樣式表”,簡(jiǎn)稱樣式表
Cascading StyleSheets 的首字母縮寫,意思是層疊樣式表。有了CSS,html中大部分表現(xiàn)樣式的標(biāo)簽就廢棄不用了,html只負(fù)責(zé)文檔的結(jié)構(gòu)和內(nèi)容,表現(xiàn)形式完全交給CSS,html文檔變得更加簡(jiǎn)潔
用來(lái)給HTML網(wǎng)頁(yè)來(lái)設(shè)置外觀或者樣式:HTML網(wǎng)頁(yè)中的文字的大小、顏色、字體,網(wǎng)頁(yè)的背景顏色、背景圖片
CSS的3種書(shū)寫方式:
1、行內(nèi)式(內(nèi)聯(lián)式):
將CSS代碼書(shū)寫在HTML標(biāo)簽的style__屬性中;style是一個(gè)通用屬性,每一個(gè)標(biāo)簽里面都擁有這個(gè)屬性!
<div style="width:100px; height:100px;background:red ">......</div>?
2、嵌入式:
-?? 將CSS代碼嵌入到HTML文件中,嵌入式是通過(guò)HTML中的_style標(biāo)簽_將CSS代碼嵌入到HTML網(wǎng)頁(yè)中!
<style type="text/css"> div{ width:100px; height:100px; background:red } ......</style>`3、外鏈?zhǔn)?
外鏈?zhǔn)绞侵?strong>單獨(dú)寫一個(gè)以.css為擴(kuò)展名的文件,然后在head標(biāo)簽中使用link標(biāo)簽,將這個(gè)css文件鏈接到html文件中
注意:css文件不能單獨(dú)的運(yùn)行,它必須要依賴于HTML文件!
| 書(shū)寫方式 | 寫法 | 特點(diǎn) |
| 行內(nèi)式 | <p style=“color:red”>一段文字</p> | 樣式過(guò)多,會(huì)造成代碼重復(fù)度高 |
| 嵌入式 | <head> ???? <style> ?????? p{color:red} ?? </style> </head> | 多網(wǎng)頁(yè),同樣的代碼設(shè)置重復(fù) |
| 外鏈?zhǔn)?/p> | <head> <link href=“./css/test.css” > </head> | HTML和CSS結(jié)構(gòu)分離,便于查找和管理 |
?
?
?
總結(jié)
- 上一篇: linux中的集线器、交换机、路由器及组
- 下一篇: CSS属性提升