css學習筆記一，css學習筆記

css學習筆記一，css學習筆記

1、在css開頭用* {margin:0;padding:0;}可以清除所有樣式

2、在css中table,th,td {padding:0;}效果等同於cellpadding="0″.

3、在css中table {border-spacing: 0;}效果等同於cellspacing="0".

但是在IE6中不支援，故使用類似的table{border-collapse: collapse;}。注意：只是類似。

4、在用table拼接切片圖片的時候，以下css可以解決圖片間隙問題

 

table{width: 990px;height: 100%;line-height: 0;border-collapse: collapse;/*等同於cellspacing="0"*/padding:0;border:0;}th,td {  padding: 0;  }

 

5、若是用div拼接圖片，可以使用div {vertical-align:top;outline-width:0;}解決上下間隙問題

6、子項目使用margin-top時，父元素背景圖片下沉，可以使用以下方法解決。

　　(1)、給父元素的添加padding-top: 1px;

　　(2)、給子項目添加float屬性

　　(3)、父元素添加position:relative;子項目添加position:absolute;

　　(4)、父元素添加border-top: 1px solid #fff;