css學習筆記一

一、在css開頭用* {margin:0;padding:0;}能夠清除全部樣式

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

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

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

四、在用table拼接切片圖片的時候，如下css能夠解決圖片間隙問題

 

table{
width: 990px;
height: 100%;
line-height: 0;
border-collapse: collapse;/*相似於cellspacing="0"*/
padding:0;
border:0;
}

th,td {
  padding: 0;  
}

 

五、如果用div拼接圖片，能夠使用div {vertical-align:top;outline-width:0;}解決上下間隙問題

六、子元素使用margin-top時，父元素背景圖片下沉，能夠使用如下方法解決。

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

　　(2)、給子元素添加float屬性

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

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

七、css讓背景圖片自適應

bg {
 background: url(../image/4.jpg);
 filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}