CSS中的属性冲突问题

html-css07

CSS中的属性冲突问题,第1张

1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)

2, 居中问题.

1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)

2).水平居中. margin: 0 auto(当然不是万能)

3, 若需给 a 标签内内容加上 样式, 需要设置 display: block(常见于导航标签)

4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.

5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)

6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.

7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.

2 css布局中的居中问题

主要的样式定义如下：

body {TEXT-ALIGN: center}

#center { MARGIN-RIGHT: autoMARGIN-LEFT: auto}

说明：

首先在父级元素定义TEXT-ALIGN: center这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。

但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: autoMARGIN-LEFT: auto”

需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，

只要在每个拆出的div里定义MARGIN-RIGHT: autoMARGIN-LEFT: auto就可以了。

我也是复制的，给你一个网站，可以看看希望对你有帮助http://www.csspeak.cn/

moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。

moz就是Mozilla的缩写了。

所以你看到的CSS以-moz开头的，是Mozilla浏览器支持一些扩展的一些功能，包括圆形边界，并能够指定不同的方块的宽度和高度的计算，在非标准方式下，这种css在Mozilla浏览器下执行计算更容易得到支持。