CSS盒子模型(2h)重点.pptVIP

课下练习： 2．行内元素（inline） 对于文字这类元素，各个字母之间横向排列，到最右端自动折行，这就是另一种元素，称为“行内元素”（inline）。 比如 标签，就是一个典型的行内元素，这个标记本身不占有独立的区域，仅仅是在其他元素的基础上指出了一定的范围。 2．行内元素（inline） 注意： 1.行内元素在DOM树中和块级元素一样，是一个节点。从DOM的角度来看，块级元素和行内元素是没有区别的，都是树上的一个节点； 2. 但是从CSS的角度看，二者有很大的区别，块级元素拥有自己的区域，行内元素则没有（display:block或者inline）； 3.标准流就是CSS规定的默认的块级元素和行内元素的排列方式； 小结： 2.7 盒子在标准流中的定位原则 如果要精确地控制盒子的位置，就必须对margin有更深入的了解； padding只存在于一个盒子内部，所以通常它不会涉及与其他盒子之间的关系和相互影响的问题。 margin则用于调整不同的盒子之间的位置关系，因此必须对margin在不同情况下的性质有非常深入的了解。 2.7 盒子在标准流中的定位原则 2.7.1 行内元素之间的水平margin 2.7.2 块级元素之间的竖直margin 2.7.3 嵌套盒子之间的margin 2.7.4 margin属性可以设置为负值 2.7.1 行内元素之间的水平