CSS学习笔记

1. 同为注释<!-- —> 和 /**/ 的区别

   这是两种不能相互替代、有各自的使用环境的注释

   • <! - - - - >是复HTML的注释标签,
   • /**/是CSS和JS的注释标签。

   两种注释有各自的使用环境并且不能相互替代.

2. div嵌套引起的margin-top不起作用
   这是因为嵌套div中margin-top出现转移，在部分浏览器中，两个嵌套的div，如果外层父元素div的padding值为0，那么内层div的margin-top，margin-bottom值都会转移到父元素也就是外层div身上。
   解决方法： 给父元素div1设置一个padding值

3. margin和padding的区别
   margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。
   padding是指自身边框到自身内部内容另一个容器边框之间的距离，就是容器内距离。
   css是嵌套型样式

4. 不同内核浏览器中box尺寸问题（兼容问题）

IE浏览器：实际尺寸 = width
chrome浏览器：实际尺寸= width+左右borderwidth+padding