下面关于@resource注解说法正确的是_前端测试题:有关于下面盒模型,说法错误的是?...

f1a925bd7eb4d19c4211c5193b1360bb.png

ad62d235283d7f211c74825e138dbf4d.png

考核内容: 有关于CSS盒模型知识

题发散度: ★

试题难度: ★

解题思路:

CSS 盒子模型(Box Model)

所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。

CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。

盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

下面的图片说明了盒子模型(Box Model):

1c9c7b2b4f13dc25fa35d17e98b8f559.png

  • 盒模型的组成,由里向外content,padding,border,margin.
  • 在IE盒子模型中,width表示content+padding+border这三个部分的宽度
  • 在标准的盒子模型中,width指content部分的宽度

box-sizing的使用

box-sizing属性是css3中新增的属性,允许你以某种方式定义某些元素,以适应指定区域(假如您需要并排放置两个带边框的框,可通过将 box-sizing属性设置为"border-box",这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中);

Internet Explorer、Opera和Chrome浏览器支持box-sizing属性,Firefox还不支持该属性,但支持-moz-box-sizing属性替代box-sizing属性;

  •   box-sizing: content-box 是W3C盒子模型
  •   box-sizing: border-box 是IE盒子模型

          box-sizing的默认属性是content-box

参考代码:

042c06f3939e8962ab69308701eb75ab.png

51de8a51d8203cc71382e4ed61bb3ebd.png

1228b885b1345037bb448d3f2e3703fd.png

答案

C, 在标准的盒子模型中,width指content+padding部分的宽度

相关推荐:

前端测试题:关于WEB中常用的度量单位,表述错误的是?

前端测试题:关于javascirpt中,typeof判断数据类型中不可能出现的是

前端测试题:var str=’shuke‘ 字符串值(shuke)转为变量名的方法正确的是?

前端测试题:有关于JS 中的主要错误,表述错误的是?

前端测试题:有关于双向绑定功能在ES6中实现的数据代理(数据劫持),表述有错误的是?

前端测试题:以下浏览器对js显示数据方法,表述错误的是?

前端测试题:关于JAVASCRIPT中以下操作输出的是TRUE的是?

前端测试题: 关于this的用法下面说法正确的是?

前端测试题:有关于JAVASCRIPT闭包说明正确的是?

前端测试题:如何理解JS中对数据的深浅拷贝?

前端测试题: 关于定义常量的关键字const,定义一个Object对象,再对属性的值进行修改,下列说法正确的?

前端测试题:ES6中想要获取Map实例对象的成员数,利用的属性是?

前端测试题:module模块中的注意事项,下列说法错误的?

前端测试题:module模块中,对下列语句的描述,错误的是?

前端测试题:关于ES6的module模块,下列说法错误的是?

前端测试题:在Generator函数中," yield* "语句的作用是?

前端测试题:Generator函数的yield关键字的作用是?

前端测试题:关于新特性Generator函数的描述,错误的是?

前端测试题:关于Iterator遍历器的说法,错误的是?

前端测试题: 下列数据结构中,不能被for...of遍历的是?

前端测试题:在类的继承中,关于super的说法错误的是?

前端测试题:下面关于类class的描述,错误的是?

前端测试题:关于Promise对象的状态,下列说法错误的是?

前端测试题:关于WeakMap结构,下列说法错误的是?

前端测试题:下列Map结构的键名数据类型,描述错误的是?

前端测试题:关于Map结构的介绍,下面说法错误的是?

前端测试题: 关于WeakSet结构,说法错误的是?

前端测试题: 关于set结构,下面说法错误的是?

前端测试题: 关于for...of的简述,说法错误的是?

前端测试题: 关于Proxy代理,下面说法错误的是?

前端测试题: 下面Symbol运算结果,结果为true的是?

前端测试题: 关于Symbol,错误的说法是?

前端测试题: 关于箭头函数的描述,错误的是?

前端测试题: 数组扩展的fill( )函数,[1,2,3].fill(4)的结果是?

前端测试题: 数组的扩展中,不属于用于数组遍历的函数的是?

企业面试题: 关于对象的Object.is函数,错误的是?

关于对象的扩展,错误的是?

企业面试题: 对前端工程师这个职位是怎么样理解的

企业面试题: 为什么要初始化CSS样式

企业面试题:CSS中 link 和@import 的区别是什么

企业面试题:position的absolute与fixed共同点与不同点

企业面试题:用css实现div在不同分辨率屏幕上下左右居中

企业面试题: 解释css sprites 如何使用?

企业面试题: 1&&2,1||2代码的输出值是?

企业面试题: cookies,sessionStorage 和 localStorage 的区别?

企业面试题: 关于JS在使用过程中 0.1+0.2!=0.3 的问题

企业面试题:js编写数组去重方法

企业面试题: 实现一个事件委托(事件代理)

企业面试题:如何显示/隐藏一个DOM元素

企业面试题:如何实现浏览器内多个标签页之间的通信

企业面试题:去除字符串空格

企业面试题:关于js闭包

企业面试题:如何实现实现1+2+......+n

企业面试题:变量作用域

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值