• 技术文章 >Web开发 >css教程

    css盒子模型的属性介绍

    小妮浅浅小妮浅浅2021-08-30 17:09:05原创129

    1、内容区,是盒子模型必备的组成部分。

    有三个属性:width、height、overflow,(width、height 属性所包含的范围决定了它是哪种盒子模型,在最后解释),overflow 指定当内容溢出区域的宽度或高度时,溢出的处理方式。

    2、内边距,指内容区和边框之间的空间。

    有五个属性:padding-top、padding-bottom、padding-left、padding-right 和 padding。

    3、外边距,指两个盒子之间的距离,可能是子元素和父元素之间,也可能时两个兄弟元素之间。

    有五种属性:margin-top、margin-bottom、margin-left、margin-right 和 margin,取值可以为负数,即向反方向偏移。

    当只有父元素存在时,margin 相对于父元素而言;当既有父元素,又有兄弟元素时,该元素会向四个方向看看有没有兄弟元素存在,如果这个方向有兄弟元素,这个方向的 margin 就相对于兄弟元素而言,否则相对于父元素而言。

    4、边框。

    和之前提到的边框相同类似。

    以上就是css盒子模型的属性介绍,希望对大家有所帮助。更多css学习指路:css教程

    本文转载于掘金,如有侵犯联系作者修改。

    专题推荐:css盒子模型
    品易云
    上一篇:css浮动产生的负作用 下一篇:css英文名称如何理解

    相关文章推荐

    • CSS设计模式之ITCSS的介绍• css边距重叠是什么• css中a标签伪类如何使用• css中背景定位有哪些方法• css背景有哪些应用• css3新增哪些背景属性• css首行缩进text-indent的实现• css文本修饰text-decoration的使用• css文字间距的使用• css中flex是什么• css overflow属性有什么用• css中z-index属性• css样式的组成• css选择器是什么意思• css浮动产生的负作用

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网