1.css盒模型 margin外边距:top right bottom left (1)一个值 代表着四个外边距相同 (2)两个值 第一个代表上下,第二个代表左右 (3)三个值 第一个上,第二个左右,第三个下 (4)四个值 四个外边距顺时针赋值 margin:10px 20px 30px 40px; margin-top:10px; margin-left:20px; margin-right:30px; margin-bottom:40px; 块级元素在父元素里水平居中 margin:0 auto; margin:50px auto; padding内边距:top right bottom left (1)一个值 代表着四个内边距相同 (2)两个值 第一个代表上下,第二个代表左右 (3)三个值 第一个上,第二个左右,第三个下 (4)四个值 四个外边距顺时针赋值 border边框 大小 样式 颜色 border-width border-border-style border-color top right left bottom 样式:solid实线 dashed虚线 dotted点状 double双线 元素实际看到的大小 = 元素设置的大小(width/height)+ padding + border 2.css外边距合并 (1)溢出隐藏overflow:hidden; (2)绝对定位position:absolute; (3)浮动 float:left; 外边距合并问题 (1)并列关系 只给一个元素加上外边距 (2)嵌套关系 给父元素加overflow:hidden 给父元素或子元素加绝对定位 position: absolute 给父元素或子元素加浮动 float 给父元素加边框 3.css溢出 (1)overflow溢出 (2)hidden隐藏 (3)scroll滚动 例子:overflow-y: scroll; overflow-x: scroll; 4.css定位(postion 定位) (1)relative 相对定位 定位后空间不会被释放,相对于元素本身进行的定位 (2)absolute 绝对定位 定位后空间会释放,相对于最近的已定位的祖先元素进行定位 如果祖先元素都没有定位的话,就相对于body进行定位 (3)fixed 固定定位 定位后空间释放 相对于浏览器的窗口定位 元素定位以后可以修改 top left right bottom 元素可以只进行定位,不改变位置的值,但是一旦想改变位置的值必须要先进行定位