CSS笔记

1.body本身也是一个盒子，在默认情况下，body会有一个若干像素的margin，具体数值各个浏览器不尽相同。因此在body中的其他盒子就不会紧贴着浏览器窗口的边框了。

2.body是个特殊的盒子，它的背景色会延伸到margin的部分，而其他盒子的背景色只会覆盖“padding + 内容”部分(IE浏览器中)，或者“border + padding + 内容”部分（Firefox浏览器中）。

3.CSS的目的是使网页的表现形式与内容结构分离，CSS控制网页的表现形式，HTML控制网页的内容结构。

4.标准文档流，简称标准流，指在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。

5.<span>标记和<div>标记一样，作为容器标记被广泛应用在HTML语言中，可以容纳各种HTML元素，从而形成独立的对象。<span>没有结构上的意义，纯粹是应用样式，当其他行内元素（inline）都不适合时，就可以用<span>元素。<div>可以包含<span>，但是，<span>不能包含<div>。

6.要精确地控制盒子的位置，就必须对margin有深入的了解，padding只存在与一个盒子的内部，所以通常它不会涉及与其他盒子之间的关系和相互影响的问题，margin则用于调整不同盒子之间的位置关系，因此必须对margin的不同情况下的性质有非常深入的了解。1）当两个行内元素紧邻时，它们之间的距离为第一个元素的margin-right加上第二个元素的margin-left；2）两个块级元素之间的距离不是margin-bottom与margin-top的总和，而是二者中的较大者，注意块级元素没有左右间距；3）当一个div块包含在另一个div块中时，便形成了典型的父子关系。其中字块的margin将以父块的content为参考，比如子div距离父div的top-border为子div的margin-top加父div的padding；4）当父div的height值小于子块的height加上margin的值，此时IE浏览器会自动扩大，保持子元素的margin-bottom的空间以及父元素自身的padding-bottom，而Firefox就不会，它会保证元素的height的完全吻合，这时子元素将超过父元素的范围；5)当margin设为负数时，会使被设为负数的块向相反的方向移动，甚至覆盖在另外的块上。当块之间是父子关系时，通过设置子块的margin参数为负数，可以将子块从父块中分离出来；6）CSS规范中有4个相关的属性min-height、max-height、min-width、max-width，分别用于设置最大、最小宽度和高度，IE没有实现对这4个属性的支持，而Firefox可以很好地支持它们。