您好,登錄后才能下訂單哦!
CSS層疊樣式表cascading style sheets
將網(wǎng)頁中的樣式單獨(dú)分離出來,完全由CSS控制,增強(qiáng)樣式復(fù)用性和擴(kuò)展性。
格式:選擇器{屬性名:屬性值;屬性名:屬性值;……}
CSS與HTML結(jié)合的4中方式:
1、每個(gè)HTML標(biāo)簽都有style屬性
2、當(dāng)頁面中有多個(gè)標(biāo)簽具有相同樣式時(shí),可定義style標(biāo)簽封裝樣式以復(fù)用
<style type=”text/css”>css代碼</style>
3、當(dāng)多個(gè)頁面使用相同樣式時(shí),可將樣式單獨(dú)封裝為CSS文件導(dǎo)入
<style type=”text/css”>@import url(“1.css”);</style>
4、通過HTML頭標(biāo)簽中的link標(biāo)簽鏈接一個(gè)CSS文件
<link rel=”stylesheet” href=”1.css” media屬性可選,默認(rèn)設(shè)備屏幕/>
技巧:為提高樣式的復(fù)用性和可擴(kuò)展性,將多個(gè)樣式單獨(dú)定義并封裝為CSS文件,如p.css、div.css……在一個(gè)總的CSS文件中,使用import導(dǎo)入這些CSS文件,然后在HTML頁面中用link標(biāo)簽將這個(gè)總的CSS文件導(dǎo)入即可。
優(yōu)先級:就近原則標(biāo)簽上設(shè)置的style屬性可以覆蓋其他樣式
選擇器:
1、標(biāo)簽選擇器:每個(gè)HTML標(biāo)簽名即為一個(gè)選擇器
2、類選擇器:標(biāo)簽中的class屬性指定 定義樣式要加點(diǎn) js引用時(shí)用className
3、ID選擇器:標(biāo)簽的id屬性,盡量保證唯一,便于JavaScript獲取元素
4、擴(kuò)展選擇器:
a、關(guān)聯(lián)選擇器:標(biāo)簽中的標(biāo)簽 table div表示表格中的div區(qū)域
b、組合選擇器:多個(gè)選擇器逗號(hào)分隔
c、為元素選擇器:元素的狀態(tài) 如超鏈接的默認(rèn)狀態(tài)、點(diǎn)擊狀態(tài)、懸停狀態(tài)等
a:linka:visiteda:hovera:activeLVHA順序
刪除超鏈接默認(rèn)下劃線:text-decoration:none
p:first-letterp:first-linefocus:IE6不支持
CSS濾鏡:通過一些代碼豐富了的樣式
網(wǎng)頁設(shè)計(jì)時(shí),DIV+CSS
DIV和P標(biāo)簽都屬于行級區(qū)域,回車效果,SPAN標(biāo)簽為塊級區(qū)域,無回車效果
可加border、color等屬性,P標(biāo)簽中不要嵌套DIV標(biāo)簽
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。