-
1.对页面进行初始化：用全局选择器将浏览器的默认添加上， 把内填充、外填充都设置为0：*{padding:0;margin:0;}。 2.让页面自动居中：#wrap{margin:0 auto;width:960px} (上下值可任意设置，左右值必须设置为auto，宽度也必须设置,（值为除了100%的其他值），不然默认宽度会占据浏览器的100%)。 3. 清除浮动 父容器没有设置浮动，而子元素都设置了浮动，就无法撑开父容器的宽度，父容易就显示成一条直线了， 因为子级设置了浮动，因此父级元素的高度没办法正常扩展， 此时设置浮动后，父级元素和后面紧邻的元素都会受到影响。 清除浮动就可以解决元素浮动带来的影响： 但是对于父级元素受到的影响，clear:both是无效的，需用width:100%（或者固定宽度）+overflow:hidden（隐藏）的方式。 对于紧邻后面的元素受到的影响，需用clear；both的方式。 4.div块的高度一般不需要设置。 横向两列布局有两种方式： a.两列中均设置为左浮动：float:left, 然后再设置margin属性值，要保证：第一列的宽度+第二列的宽度+margin的值=父容器的宽度； b.两列中一列设置左浮动，一列设置右浮动（这种方法仅限于两列布局，对于多列则无效）；查看全部
-
对于父元素的影响清除就是：width:100%;overflow:hidden; 对于自己临近的清除就是：clear：both;查看全部
-
试试看这个笔记查看全部
-
设置margin-top的参考物是content此时上面的元素，设置top的参考物是其绝对定位的父元素查看全部
-
position属性三种定位属性：静态定位 相对定位 绝对定位 可设置4个属性值：static（静态定位） relative（相对定位） absolute（绝对定位） fixed（固定定位）(绝对定位和固定定位都属于绝对定位中）查看全部
-
代码初始化：*{margin：0；padding:0;} 左右自动居中:#wrap{backgroung:#fff(白色）margin:0 auto;width:80%;(或者960px只要不是100%的固定值均可）} clear:both 方法清除浮动一般用于紧邻后面的元素的清除浮动，而不能消除父元素受到的影响查看全部
-
清除浮动： 方法一：p{clear:both;} 方法二：p{width:100%;overflow:hidden;}查看全部
-
自动居中：margjin:0 auto;查看全部
-
CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
不是CSS规定的定位机制是fixed定位查看全部
-
不是 CSS 规定的定位机制的查看全部
-
盒子模型的三位立体结构图: 请详细观看盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
浮动布局查看全部
-
元素只要设置了绝对定位后就会脱离文档流，宽度及长度随着内容的增减而增减。 如果没有为绝对定位设置偏移量，无论是否存在祖先元素，都保持再原始位置。 如果为绝对定位设置了偏移量，1.当不存在祖先元素的时候，以根节点<html>为偏移参照基准。 2.当存在祖先元素的时候，以最近的定位祖先元素为参照基准。查看全部
-
设置浮动后紧挨的后面的元素会受到影响查看全部
举报
0/150
提交
取消