CSS 小总结

1.padding 与 margin 的区别:

padding :内边距 , 不允许 使用负值

margin :外边距. 允许使用负值

有一些 可能这种 现象 并不 明显. 用一个明显的 .

td --> td.test1 {padding: 1cm 2cm 3cm 4cm}

就是 在 td 里面 的边距.


margin : 指容器本身 与 其他 容器的边距.

p.test2 {margin: 1cm 2cm 2cm 4cm}



<p>---------</p>

<p class="test2">111111111111</p>

<p>---------</p>

padding 与 margin 的 属性:

1cm 2cm 3cm 4cm

代表 :上,右,下,左(顺时针)

1cm 2cm 3cm

代表:上,左右,下

1cm 2cm

代表: 上下,左右

1cm

代表: 上下左右

2.CSS 3 中添加一个单位 rem.具体这个单位的换算怎么做呢？

rem是CSS中新增加的一个单位值，他和em单位一个，都是一个相对单位，不同的是，em是相对于元素的父元素的font-size 进行计算；rem是相对于根元素HTML的font-size进行计算。 这样一来rem就绕开了复杂的层级关系实现了类似于em的单位功能。

浏览器默认是：1rem = 16px

为了计算方便：当设置font-size:62.5% 的时候，1rem = 16px * 62.5 = 10px；

rem的使用或者是转换计算：1rem = px/16 ; 即 px = 16*rem （16为默认，可以改如上）

注意：goole浏览器 默认最小是10px，10px以下的不识别的。

参考博客：
http://blog.csdn.net/huang100qi/article/details/29845359