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的值越大,说明元素在界面中的位置越高;
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的值越大,说明元素在界面中的位置越高;