CSS盒模型

    技术2025-05-03  12

    ###何为盒模型 所有的html元素都可以看作为一个盒子

    盒模型的构成

    内边距

    padding html元素内容和边框之间的区域 属性: padding-top(上内边距) padding-right(右内边距) padding-bottom(下内边距) padding-left(左内边距) padding(简写) 注意顺序:上 右 下 左

    边框

    border

    围绕元素内容和内边距的一条边线

    边框样式 boader-style边框宽度 boader-width边框颜色 border-color 可以分别设置上 下 左 右的颜色值

    外边距

    margin

    元素边框之外的区域。控制元素间的距离

    居中显示

    margin:top; 左右居中

    display属性

    display

    属性样式block块级inline内联inline-box内联-块级none隐藏
    Processed: 0.014, SQL: 9