摘要：
浮动的环境：当我们有一个大盒子（只设置了宽，没有设置高），里面嵌套着若干个小盒子，为了布局从左到右显示，都设置为浮动。再从外部加一个大盒子的时候，因为上面大盒子内部的子盒子是浮动的，所以它们都是不占位的，这时候大盒子会顶到上面的盒子的位置。 清除子盒子浮动： 1、clear: left | righ 阅读全文
posted @ 2017-11-06 18:13
var_obj
阅读(183)
评论(0)
推荐(0)
摘要：
float：就是在于布局，首先要介绍的是文档流（标准流），之后是浮动布局。 文档流：元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。 浮动布局： 1、float: left | right 2、元素浮动之后不占据原来的位置（脱标） 3、浮动的盒子在一行上显示 4 阅读全文
posted @ 2017-11-06 17:42
var_obj
阅读(172)
评论(0)
推荐(0)
摘要：
1、上下外边距合并，选最大值。 2、两个input标签在编辑中如果换行了，在浏览器中显示的时候会自动增加一些距离。 效果： 阅读全文
posted @ 2017-11-06 11:50
var_obj
阅读(247)
评论(0)
推荐(0)
摘要：
注意：ul中自带padding值，需要清除。 效果： 阅读全文
posted @ 2017-11-06 11:33
var_obj
阅读(258)
评论(0)
推荐(0)
摘要：
行内元素： 1、margin：0 20px；只可以定义左右。 2、pading：20px 20px 20px 20px；上下左右都有效 例如span： 效果： 阅读全文
posted @ 2017-11-06 11:04
var_obj
阅读(1052)
评论(0)
推荐(0)
摘要：
浏览器默认文字大小：16px 行高：是基线与基线之间的距离 行高=文字高度+上下边距 一行文字行高和父元素高度一致的时候，垂直居中显示。 效果： 注释：因为行高的定义是文字高度+上下边距，所以当行高定义的值与父元素一样时，它就会去找上下边距，自然的就会居中。 阅读全文
posted @ 2017-11-06 10:48
var_obj
阅读(253)
评论(0)
推荐(0)
摘要：
1、padding的运用:子div继承父div的宽，子div的padding-left值是不会撑大的。 2、背景图片的运用：不平铺、定位 3、ul本身就是一个盒子，它的高度是li中的字体的默认高度撑起来的。 4、li是ul中的子盒子，padding-left可以控制他们的左边距离。 5、li与li之 阅读全文
posted @ 2017-11-06 10:36
var_obj
阅读(185)
评论(0)
推荐(0)
浙公网安备 33010602011771号