學習WEB標準總結的一些CSS/XHTML知識小結第1/3頁

2020-10-23 18:31:42

字體：大中小

來源：轉載

供稿：網(wǎng)友

1、很多兼容性問題，是因為不同標簽在不同瀏覽器下有著不同的 padding margin默認值。所以可以事先定義

復制代碼代碼如下:

* { padding：0; margin:0;}

或者

復制代碼代碼如下:

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、關于布局，可以看dreamweaver cs3里的模板怎么寫的，它的寫法是最好的寫法。大的布局，可以直接使用 dreamweaver cs3 里默認的那些模板。然后去掉注釋，就能用了。

3、適當?shù)氖褂胢argin/padding，在調整box（盒子）中，元素位置的時候，使用box（盒子）的padding比較好。而不要使用，box內元素的margin。

原因是，box內元素使用margin的時候，會對box的margin產(chǎn)生影響，產(chǎn)生錯位。

但在使用padding的時候注意一點：比如本來 width:100px 的box,如果設置了padding-left:20px的話，那就要把width減去20px。

4、一個box，設置了border后，要把width減去border的粗。比如width:100px 的box，左右有1px的邊，那應該設置box width為98px。

5、在添加box的時候，能不給width和height的，盡量不給。

height可以靠內部的元素去撐開。

width不設置的話，一般默認就是100%寬。

6、同時給一個box設置背景圖片和背景顏色的方法是，先設置背景圖片，再設置背景顏色，代碼如下：

復制代碼代碼如下:

.bg {background:url(/images/blbian.gif) no-repeat} 
.style1 {width:100px;height:100px;background-color:#ebf1e5;} 
<div class="style1 bg"></div> 

7、當float:left之類的東西寫的太多，影響到周圍，或者下面的元素的時候，嘗試使用clear:both去清除。

復制代碼代碼如下:

<br class="clearfloat" /> 
.clearfloat { 
clear:both; 
height:0; 
font-size: 1px; 
line-height: 0px; 
} 

8、在進行如下設置的時候<div style="height:3px"></div>，會產(chǎn)生兼容性問題。 ie6會出問題，你會發(fā)現(xiàn)，box不是3px高。
需要如下設置： font-size:1px; 才不會有問題。參考 dw cs3模板中 clearfloat中的寫法，還會加上line-height:0px。不過我發(fā)現(xiàn)不加也是可以的。但加會更正規(guī)。

9、在給單行文字設置height的時候，要同時設置line-height。不然會有兼容性問題，文字會有小的錯位。

10、使用ul li列表的時候，一定要給ul設置 list-style-type: none; 不然會產(chǎn)生兼容性問題。 ff下會出現(xiàn)原點，而ie下經(jīng)常看不到。

123下一頁閱讀全文

上一篇：CSS文件可維護、可讀性提高指南第1/2頁

下一篇：CSS 關于網(wǎng)頁圖片的屬性