CSS總結(jié)

CSS層疊樣式表cascading style sheets

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：空間域名、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、依安網(wǎng)站維護(hù)、網(wǎng)站推廣。

將網(wǎng)頁中的樣式單獨(dú)分離出來，完全由CSS控制，增強(qiáng)樣式復(fù)用性和擴(kuò)展性。

格式：選擇器{屬性名：屬性值；屬性名：屬性值；……}

CSS與HTML結(jié)合的4中方式：

1、每個HTML標(biāo)簽都有style屬性

2、當(dāng)頁面中有多個標(biāo)簽具有相同樣式時，可定義style標(biāo)簽封裝樣式以復(fù)用

3、當(dāng)多個頁面使用相同樣式時，可將樣式單獨(dú)封裝為CSS文件導(dǎo)入

4、通過HTML頭標(biāo)簽中的link標(biāo)簽鏈接一個CSS文件

技巧：為提高樣式的復(fù)用性和可擴(kuò)展性，將多個樣式單獨(dú)定義并封裝為CSS文件，如p.css、div.css……在一個總的CSS文件中，使用import導(dǎo)入這些CSS文件，然后在HTML頁面中用link標(biāo)簽將這個總的CSS文件導(dǎo)入即可。

優(yōu)先級：就近原則標(biāo)簽上設(shè)置的style屬性可以覆蓋其他樣式

選擇器：

1、標(biāo)簽選擇器：每個HTML標(biāo)簽名即為一個選擇器

2、類選擇器：標(biāo)簽中的class屬性指定定義樣式要加點(diǎn) js引用時用className

3、ID選擇器：標(biāo)簽的id屬性，盡量保證唯一，便于JavaScript獲取元素

4、擴(kuò)展選擇器：

a、關(guān)聯(lián)選擇器：標(biāo)簽中的標(biāo)簽 table div表示表格中的div區(qū)域

b、組合選擇器：多個選擇器逗號分隔

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è)計時，DIV+CSS

DIV和P標(biāo)簽都屬于行級區(qū)域，回車效果，SPAN標(biāo)簽為塊級區(qū)域，無回車效果

可加border、color等屬性，P標(biāo)簽中不要嵌套DIV標(biāo)簽

新聞名稱：CSS總結(jié)
標(biāo)題路徑：http://muchs.cn/article32/ghsppc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、網(wǎng)站營銷、服務(wù)器托管、靜態(tài)網(wǎng)站、小程序開發(fā)、企業(yè)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容