1、制作透明效果
opacity:0.7;
filter:alpha(opacity=70);
2、清除浮層的另外方法
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
* html .clearfix {height:1%;}
.clearfix {display:block;}
3、div 塊級(jí)元素分隔符
span 行內(nèi)元素分的區(qū)域隔符
當(dāng)頁(yè)面內(nèi)標(biāo)簽無(wú)法滿足設(shè)計(jì)需要時(shí),才會(huì)適當(dāng)添加div和span等無(wú)語(yǔ)義標(biāo)簽來(lái) 輔助實(shí)現(xiàn)。
4、標(biāo)簽語(yǔ)義化:
搜索引擎看不到視覺(jué)效果,看到的只是代碼,只能通過(guò)標(biāo)簽來(lái)判斷內(nèi)容的語(yǔ)義。
5、語(yǔ)義化標(biāo)簽應(yīng)注意的一些問(wèn)題:
DTD:文檔類型定義(標(biāo)準(zhǔn)模式和怪異模式)
標(biāo)準(zhǔn)模式:瀏覽器根據(jù)規(guī)范表現(xiàn)頁(yè)面。
怪異模式:通常模擬老式瀏覽器的行為以防止老站點(diǎn)無(wú)法工作。(width包含padding和border的寬度,margin:auto;無(wú)法正常工作)
如果漏寫(xiě)DTD聲明,F(xiàn)irefox仍然會(huì)按照標(biāo)準(zhǔn)模式來(lái)解析網(wǎng)頁(yè),但在IE中(包含IE6\IE7\IE8)就會(huì)觸發(fā)怪異模式。
6、CSS reset:通過(guò)重新定義標(biāo)簽的樣式,“覆蓋”掉瀏覽器提供的默認(rèn)樣式
7、模塊化CSS
模塊與模塊之間盡量不要包含相同的部分,如果有相同部分,應(yīng)將它們提取出來(lái),拆分成一個(gè)獨(dú)立的模塊。
模塊應(yīng)在保證數(shù)量盡可能少的原則下,做到盡可能簡(jiǎn)單,以提高重用性。
8、CSS命名
駝峰命名法用于區(qū)分不同單詞,劃線用于表明從屬。
聯(lián)系客服