欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css学习笔记一_html/css_WEB-ITnose

程序员文章站 2022-05-23 19:02:40
...
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;

相关标签: css学习笔记一