1、很多兼容性問題，是因?yàn)椴煌瑯?biāo)簽在不同瀏覽器下有著不同的 padding margin默認(rèn)值。所以可以事先定義
復(fù)制代碼 代碼如下:
* { padding：0; margin:0;}
或者
復(fù)制代碼 代碼如下:
ul,li,h1,h2,h3,h4,h5,h6,p,table,td,div,img,hr,dd,dt,span,a,dt,dd,ol{margin:0;padding:0;font-size:12px;}
2、關(guān)于布局，可以看dreamweaver cs3里的模板怎么寫的，它的寫法是最好的寫法。大的布局，可以直接使用 dreamweaver cs3 里默認(rèn)的那些模板。 然后去掉注釋，就能用了。
3、適當(dāng)?shù)氖褂胢argin/padding，在調(diào)整box（盒子）中，元素位置的時(shí)候，使用box（盒子）的padding比較好。而不要使用，box內(nèi)元素的margin。
原因是，box內(nèi)元素使用margin的時(shí)候，會(huì)對(duì)box的margin產(chǎn)生影響，產(chǎn)生錯(cuò)位。
但在使用padding的時(shí)候注意一點(diǎn)： 比如本來 width:100px 的box,如果設(shè)置了padding-left:20px的話，那就要把width減去20px。
4、一個(gè)box，設(shè)置了border后，要把width減去border的粗。 比如width:100px 的box，左右有1px的邊，那應(yīng)該設(shè)置box width為98px。
5、在添加box的時(shí)候，能不給width和height的，盡量不給。
height可以靠內(nèi)部的元素去撐開。
width不設(shè)置的話，一般默認(rèn)就是100%寬。
6、同時(shí)給一個(gè)box設(shè)置背景圖片和背景顏色的方法是，先設(shè)置背景圖片，再設(shè)置背景顏色，代碼如下：
復(fù)制代碼 代碼如下:
.bg {background:url(/images/blbian.gif) no-repeat}
.style1 {width:100px;height:100px;background-color:#ebf1e5;}
div class="style1 bg">/div>
7、當(dāng)float:left之類的東西寫的太多，影響到周圍，或者下面的元素的時(shí)候，嘗試使用clear:both去清除。
復(fù)制代碼 代碼如下:
br class="clearfloat" />
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
8、在進(jìn)行如下設(shè)置的時(shí)候div style="height:3px">/div>，會(huì)產(chǎn)生兼容性問題。 ie6會(huì)出問題，你會(huì)發(fā)現(xiàn)，box不是3px高。
需要如下設(shè)置： font-size:1px; 才不會(huì)有問題。參考 dw cs3模板中 clearfloat中的寫法，還會(huì)加上line-height:0px。不過我發(fā)現(xiàn)不加也是可以的。但加會(huì)更正規(guī)。
9、在給單行文字設(shè)置height的時(shí)候，要同時(shí)設(shè)置line-height。不然會(huì)有兼容性問題，文字會(huì)有小的錯(cuò)位。
10、使用ul li列表的時(shí)候，一定要給ul設(shè)置 list-style-type: none; 不然會(huì)產(chǎn)生兼容性問題。 ff下會(huì)出現(xiàn)原點(diǎn)，而ie下經(jīng)常看不到。
123下一頁閱讀全文
