美文网首页
[SkylerAI]零碎知识点10-CSS3 box-sizin

[SkylerAI]零碎知识点10-CSS3 box-sizin

作者: SkylerAI | 来源:发表于2019-08-19 16:32 被阅读0次

一 盒子模型

四个边界:margin(外边距),border(边框),padding(内边距),content(内容区域)


盒子模型.png

二 box-sizing属性

1.属性值为border-box

width = content-width + padding-left-width + paddling-right-width + border-left-width + border-right-width
height = content-height + padding-top-height + paddling-bottom-width + border-top-width + border-bottom-width

2.属性值为content-box(默认值)

width = content-width
height = content-height

3.属性值为inherit

从父元素继承 box-sizing 属性的值

相关文章

  • [SkylerAI]零碎知识点10-CSS3 box-sizin

    一 盒子模型 四个边界:margin(外边距),border(边框),padding(内边距),content(内...

  • [SkylerAI]零碎知识点06

    倒推计算今天至2018年历经了哪些季度(代码片段)。PS:晚上发现无线鼠标的电池没电了,控制台不太会用,所以就别计...

  • [SkylerAI]零碎知识点08

    SQL Server中将某一个表的多行数据插入另外一张表的其中两种方法。 方法1: 方法2:

  • [SkylerAI]零碎知识点01

    1.HTML与JSP的区别 HTML是静态页面,与JavaScript一样属于解释型语言,可在浏览器中直接打开显示...

  • [SkylerAI]零碎知识点02

    Intellij IDEA 一.插件 1. lombok插件 省去bean中get、set、toString、eq...

  • [SkylerAI]零碎知识点12-转载内容

    1.Mybatis的mapper文件中#与$的用法和区别 (以下文章的博主解释的特别清晰,分享出来相互学习。)原文...

  • iOS零碎知识点<高阶版>

    iOS零碎知识点<初级版>iOS零碎知识点<中阶版>iOS零碎知识点<高阶版>iOS零碎知识点<工具篇>

  • iOS零碎知识点<工具篇>

    iOS零碎知识点<初级版>iOS零碎知识点<中阶版>iOS零碎知识点<中阶版>iOS零碎知识点<工具篇>

  • iOS零碎知识点<中阶版>

    iOS零碎知识点<初级版>iOS零碎知识点<中阶版>iOS零碎知识点<高阶版>iOS零碎知识点<工具篇> 获取属性...

  • iOS零碎知识点<初级版>

    iOS零碎知识点<初级版>iOS零碎知识点<中阶版>iOS零碎知识点<高阶版>iOS零碎知识点<工具篇> 优雅的隐...

网友评论

      本文标题:[SkylerAI]零碎知识点10-CSS3 box-sizin

      本文链接:https://www.haomeiwen.com/subject/slcesctx.html