前端学习记录 2022-07-18——Css样式(1)

133 阅读1分钟

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.