CSS盒子模型(1+XWeb证书个人整理)

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:设置轮廓的宽度

猜你喜欢

转载自blog.csdn.net/qq_44948696/article/details/109841706