1.浮動(dòng)時(shí)記得清除浮動(dòng)
在沒(méi)有清楚浮動(dòng)的情況下,會(huì)出現(xiàn)跑格。頁(yè)面會(huì)發(fā)生變形。
2.有效利用padding和border
邊界重合時(shí),使用padding和border可以避免,可以防止上下div的“塌陷”,合理的控制上下div的間距。
3.記住“TRBL”寫法
border,margin與padding的簡(jiǎn)寫語(yǔ)法有特定順序,從上方開(kāi)始順時(shí)針?lè)较蜣D(zhuǎn)動(dòng):top,right,bottom,left. 所以margin:0 1px 3px 5px;的結(jié)果是上方無(wú)邊界,右邊1像素,以此類推。
4.不是零的值,都要指定單位
CSS需要對(duì)每個(gè)font,margin等各種值指定單位。
5.解決IE6的浮動(dòng)元素的雙倍邊距問(wèn)題
對(duì)一個(gè)div設(shè)置了float:left 和 margin-left:100px 在IE6中,這個(gè)bug就會(huì)出現(xiàn)。只需要多設(shè)置一個(gè)display就行了。
6.!important;
如果實(shí)在沒(méi)有辦法解決一些細(xì)節(jié)問(wèn)題,可以用這個(gè)方法.火狐對(duì)于”!important”會(huì)自動(dòng)優(yōu)先解析,IE則會(huì)忽略。
網(wǎng)頁(yè)設(shè)計(jì)html+css代碼編寫注意事項(xiàng),希望能與大家多多交流,謝謝!
查看更多寧波網(wǎng)站制作公司網(wǎng)頁(yè)設(shè)計(jì)注意事項(xiàng)代碼