chapter05——CSS样式基础(1)

156 阅读1分钟

块元素

宽高:

width 默认宽度100%
height 默认被内容撑起
minwidth/max-width 最小/最大宽度
min-height/max-height 最小/最大高度
line-height 行高,每行的高度,行内文字垂直居中

溢出处理:

overflow:
    visible 默认值,溢出显示
    hidden 溢出隐藏
    auto 没溢出正常,溢出时滚动
    sroll 一直有滚动条

边距:

外边距:body标签默认有8px的外边距
margin(外边距):
    1个值:上下左右
    2个值:上下 左右
    3个值:上 左右 下
    4个值:上 右 下 左
能用总margin写就不要用-top,-left...写
padding(内边距)如同

外边距重叠问题:

1、出现在上下外边距,左右没有
2、设置外边距的容器和父元素的外边之间没有阻隔,所以外边距重叠了

解决方法:

1、给父元素设置border属性;缺点:多出边框
2、设置overflow属性为非visible;缺点:占用overflow属性
3、用伪元素(::before  ::after)设置一个dispplay:table属性
(注:都是写在父元素上)