Css样式.
块元素:
宽高:
width:默认100%.
height:默认被内容撑起.
min-width/max-width:最小/最大宽度.
min-height/man-height:最小/最大宽度.
line-height:行高.每行的高度.行内文字垂直居中.
溢出处理:
overflow:
visible:默认值.溢出显示.
hidden:溢出隐藏.
auto:没溢出隐藏.溢出时滚动.
边距:
margin(外边距):
1个值时:上下左右 边距.
2个值时:上下 左右 边距.
3个值时:上 左右 下 边距.
4个值时:上 右 下 左 边距.
单独设置外边距(不建议使用):
margin-top:上边距.
margin-right:右边距.
margin-bottom:下边距.
margin-left:左边距.
外边距重叠问题:
1.出现在上下外边距,左右没有.
2.设置外边距的容器和父元素的外边之间没阻碍,所以外边距重叠了.
解决方法:
1.给父元素设置border. 缺点:多出边框.
2.设置overflow为非visible.缺点:占用overflow属性.
3.用伪元素(::before ::after)设置一个table.