Header First HTML and CSS章后bullet points总结之Chapter 11

1.浏览器使用flow来将元素放在界面中；


2.块元素从顶端流动到底部，每一个元素之间有一个换行符；默认情况下，每个块元素占据整个整个浏览器窗口宽度；


3.款元素内的行内元素从左上一直排列到右下。如果需要多于一行，浏览器就创建一个新行，垂直地拓展块元素来包含那个行内元素；


4.一个正常界面中的上下两个块元素的会将margin调整合并成更大的那个size，或者如果两个margin是一样的，那么这两个元素之间的margin就是其中任何一个；


5.悬浮元素从正常的层上被拿出，漂浮在左边或者右边；漂浮的元素在块元素之上，不影响他们块元素的层次，但是，块元素的行内内容尊重一个悬浮元素的边界，他们是围绕在块元素周围；


6.一个悬浮的元素必须有一个有明确值的宽度，而不是auto；


7.一个liquid layout就是一个能拓展来适合整个浏览器窗口的界面；一个frozen layout是一个内容宽度是固定的界面，它不随着浏览器窗口的增大和缩小而变化；这个有利于给你提供更好的对你的设计的控制，但是代价是不能高效地使用浏览器宽度；


8.一个jello layout是一个内容宽度固定，但是margin随着浏览器的扩大和缩小而变化；一个jello layout经常处于浏览器的中心，这个和frozen layout有着差不多的优势，但是经常能更有效率；


9.如果一个绝对位置的元素是嵌套在另一个绝对位置的元素里的时候，那么他的位置是在相对于包含它的绝对元素里的；


10.性质top，right，bottom，left是用来明确absolute，fixed和relative的元素的位置的；


11.CSS的table display允许你像表格一样排布你的元素；


12.对于需要多栏内容的多层次分布，table display是一个好的布局策略；


13.几个值得注意的性质：
①clear：用于确定没有悬浮元素能够在本块元素的左边或者右边（或者全部）之上；如果有，本元素会下移直到没有元素在其上方；
②position：有四个值，分别是static、absolute、fixed和relative；默认是static，将一个元素放在一个界面的正常的悬浮层；但是absolute是允许你将元素放在界面的任何位置；默认地，绝对放置的元素是放在相对的界面的边缘的；
③z-index：使绝对放置的元素放置于另外的元素上层，z-index的值越大，说明元素在界面中的位置越高；