box-sizing的语法和基本用处-笔试面试资料

这是qklbishe.com第4947 篇笔试面试资料
提供答案分析,通过本文《box-sizing的语法和基本用处-笔试面试资料》可以理解其中的代码原理,这是一篇很好的求职学习资料
本站提供程序员计算机面试经验学习,笔试经验,包括字节跳动/头条,腾讯,阿里,美团,滴滴出行,网易,百度,京东,小米,华为,微软等互联网大厂真题学习背诵。

答案:

box-sizing的语法和基本用处

box-sizing的语法和基本用处 Mr.mǎ.

border-sizing属性重点辨别两个值:content-box、border-box(下面说的盒子的宽度,均是指盒子的实际宽度)

先说一下为什么会需要border-sizing :

众所周知,盒模型可以被分为两种,一种是标准盒模型,一种是IE盒模型,区别之处就在于对于width这个变量的定义

标准盒模型:width=content

IE盒模型:width=content+padding+border

标准盒子的宽度就可以表示为:width+padding+border+margin

IE盒子的宽度可以表示为:width+margin

当我们去手动设置一个盒子的width变量的值时,就需要先声明一下这个盒子是属于哪种盒子。

当我们将值设置为content-box时,就表示将其看做标准盒子,设置的width变量的值自然就等于这个盒子的content的宽度,当我们将值修改为border-box时,也就视其为IE盒子,设置width的值等于三者宽度之和

inhert很好说,就是从父元素继承盒子的模式,父元素是标准盒模型,那么该元素就也是标准盒模型,反之亦然

今天 09:33:28 回复(0)

文章部分来自互联网,侵权联系删除
www.qklbishe.com

区块链毕设网(www.qklbishe.com)全网最靠谱的原创区块链毕设代做网站
部分资料来自网络,侵权联系删除!
资源收费仅为搬运整理打赏费用,用户自愿支付 !
qklbishe.com区块链毕设代做网专注|以太坊fabric-计算机|java|毕业设计|代做平台 » box-sizing的语法和基本用处-笔试面试资料

提供最优质的资源集合

立即查看 了解详情