当前位置 博文首页 > 史迪奇国王的博客:CSS盒子模型(1+XWeb证书个人整理)

    史迪奇国王的博客:CSS盒子模型(1+XWeb证书个人整理)

    作者:[db:作者] 时间:2021-08-09 16:01

    CSS内边距属性

    padding-bottom:设置元素的下内边距
    padding-left:设置元素的左内边距
    padding-right:设置元素的右内边距
    padding-top:设置元素的上内边距

    CSS值复制

    简单来说就是相互复制

    CSS外边距属性

    margin:在一个声明中设置所有外边距属性
    margin-bottom:设置元素的下外边距
    margin-left:设置元素的左外边距
    margin-right:设置元素的右外边距
    margin-top:设置元素的上外边距

    CSS边框属性

    样式
    border-top-style:设置元素的上边框的样式
    border-right-style :设置元素的右边框的样式
    border-bottom-style:设置元素的下边框的样式
    border-left-style:设置元素的左边框的样式
    border-style 用于设置元素所有(4条)边框的样式,或者单独地为各边设置边框样式
    样式效果
    none:无边框效果
    hidden:解决边框冲突
    dotted:点线边框效果
    dashrd:虚线边框效果
    solid:实线边框效果
    double:双线边框效果
    groove:3D凹槽边框效果
    ridge:3D凸槽边框效果
    inset:3D凸入边框效果
    outset:3D凸起边框效果
    inherit:从父元素继承边框样式

    宽度
    border-top-width:设置元素的上边框的宽度
    border-right-width:设置元素的右边框的宽度
    border-bottom-width:设置元素的下边框的宽度
    border-left-width:设置元素的左边框的宽度
    border-width 用于为元素的所有(4条)边框设置宽度,或者单独地为各边边框设置宽度

    颜色
    border-top-color:设置元素的上边框的颜色
    border-right-color:设置元素的右边框的颜色
    border-bottom-color:设置元素的下边框的颜色
    border-left-color:设置元素的左边框的颜色
    border-color :设置元素的所有(4条)边框中可见部分的颜色,或为 4 个边分别设置颜色

    复合
    border-top:用于把上边框的所有属性设置到一个声明中
    border-right:用于把右边框的所有属性设置到一个声明中
    border-bottom:用于把下边框的所有属性设置到一个声明中
    border-left:用于把左边框的所有属性设置到一个声明中
    border:用一个声明定义所有边框属性

    CSS轮廓属性

    outline:在一个声明中设置所有的轮廓属性
    outline-color:设置轮廓的颜色
    outline-style:设置轮廓的样式
    outline-width:设置轮廓的宽度

    cs