智慧树知到答案WEB前端开发基础最新答案

第三章 单元测试

1、单选题：

要设置HTML元素的文字大小，应选择的属性是（    ）。

选项：
A:font-style
B:font-family
C:font-size
D:font-weight
答案: 【】

2、多选题：

以下表示设置文字颜色的CSS代码，正确的有（   ）。

选项：
A:color: red
B:color: #f00
C:color: #f000
D:color: #ff0000
答案: 【】

3、单选题：

text-shadow属性用于设置文本的阴影。“text-shadow: -3px -3px 10px #000; ”表示阴影偏移的方向是（　  　）。

选项：
A:左下
B:右下
C:右上
D:左上
答案: 【】

4、多选题：

CSS标准盒模型由如下部分构成（　 　）。

选项：
A:外边距（边界）margin
B:边框border
C:填充padding
D:内容content
答案: 【】

5、判断题：

“overflow: hidden;”表示当内容超出元素边界时，内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。（    ）

选项：
A:对
B:错
答案: 【】

6、单选题：

“border-width: 3px 8px 10px;”表示左边框的粗细是（　 　）。

选项：
A:0px
B:8px
C:3px
D:10px
答案: 【】

7、单选题：

把百分比作为元素的padding属性值时，该百分比的计算是基于（　 　）。

选项：
A:父元素的高度
B:元素的高度
C:父元素的宽度
D:元素的宽度
答案: 【】

8、判断题：

当一个HTML元素的box-sizing为border-box时，我们增加这个元素的填充padding和边框border的大小，元素的内容区会变小，但是整个元素的大小会保持不变。（   ）

选项：
A:对
B:错
答案: 【】

9、单选题：

用于设置图片平铺模式的属性是（  　）。

选项：
A:background-repeat
B:background-origin
C:background-position
D:background-image
答案: 【】

10、单选题：

把元素转换为行内块元素的代码是（　 　）。

选项：
A:display:none
B:display:block
C:display: inline
D:display:inline-block
答案: 【】

第四章 单元测试

1、单选题：

以下文字，描述的是哪一种定位方式？

对象脱离普通文档流，使用 “top”、“right”、“bottom”、“left”等属性进行绝对定位，盒子的偏移位置不影响普通文档流中的任何元素，其margin不与其他任何margin折叠。（    ）

选项：
A:position:static;
B:position: relative;
C:position: absolute;
D:position: fixed;
答案: 【】

2、单选题：

设置对象左浮动的CSS代码是（    ）。

选项：
A:left:10px;
B:float:left;
C:text-align:left;
D:clear:left;
答案: 【】

3、单选题：

以下哪种方式是固定定位。（       ）

选项：
A:position:relative;
B:position:fixed;
C:position:static;
D:position:absolute;
答案: 【】

4、单选题：

关于z-index，下列说法错误的是（      ）。

选项：
A:z-index的值可以是负值。
B:对于同级元素，z-index大的元素会覆盖z-index小的元素
C:z-index可以解决元素的覆盖问题，决定哪个元素在上方，哪个在下方。
D:z-index值越小，优先级越高，越在上层。
答案: 【】

5、单选题：

CSS中clear的作用是（         ）。

选项：
A:清除该元素所有样式
B:清除该元素父元素的所有样式
C:指明该元素周围不可出现浮动元素
D:指明该元素的父元素周围不可出现浮动元素
答案: 【】

第五章 单元测试

1、单选题：

“@media (max-width:500px)”指定的媒体查询条件是（   ）。

选项：
A:屏幕宽度小于等于500px
B:屏幕宽度大于等于500px
C:屏幕宽度小于500px
D:屏幕宽度大于500px
答案: 【】

2、单选题：

在@media媒体查询语句中，表示“或”的逻辑操作符是（   ）。

选项：
A:and
B:only
C:逗号“,”
D:not
答案: 【】

3、单选题：

指定设备类型仅为屏幕设备的媒体查询语句是（　 　）。

选项：
A:@media not screen
B:@media only speech
C:@media only screen
D:@media only print
答案: 【】

4、单选题：

根据Bootstrap3的建议，介于平板电脑（小屏幕）和桌面显示器（中等屏幕）之间的响应式布局切换断点数值是（　　）。

选项：
A:1200px
B:0px
C:768px
D:992px
答案: 【】

5、判断题：

在响应式网页布局中，“移动设备优先”策略是指：先完成PC端的CSS布局样式，再完成移动端的CSS布局样式。（      ）

选项：
A:错
B:对
答案: 【】

6、单选题：

可以限制元素最大宽度的属性是（　 　）。

选项：
A:min-height
B:max-width
C:max-height
D:min-width
答案: 【】

第六章 单元测试

1、单选题：

要进行弹性布局，首先要将容器的display属性设置为（    ）。

选项：
A:flex
B:block
C:none
D:inline
答案: 【】

2、单选题：

用于设置弹性项目（子元素）在弹性容器主轴上排列对齐方式的属性是（  ）。

选项：
A:align-content
B:align-items
C:justify-content
D:flex-direction
答案: 【】

3、多选题：

以下属于弹性容器属性的是（　  　）。

选项：
A:align-self
B:align-content
C:justify-content
D:order
E:align-items
F:flex-wrap
答案: 【】

4、单选题：

给弹性容器添加“align-items:flex-end;”的效果是（  　）。

选项：
A:子元素向侧轴两端拉伸
B:子元素向侧轴结束位置对齐
C:子元素向侧轴中间位置对齐
D:子元素向侧轴起始位置对齐
答案: 【】

5、判断题：

将弹性容器的flex-direction属性值设置为column后，子元素会横向从左到右排列。（    ）

选项：
A:错
B:对
答案: 【】

6、多选题：

复合属性flex可以一次声明多个属性，包括（　  　）。

选项：
A:order
B:flex-grow
C:flex-shrink
D:flex-basis
答案: 【】

7、判断题：

给弹性容器中的子元素设置“flex: 5”表示该子元素的扩展比率flex-grow值为5。（   ）

选项：
A:对
B:错
答案: 【】

8、判断题：

当弹性容器的主轴是横向且容器中有多个子元素时，设置“justify-content: space-between”，可以使开头和结尾的两个子元素，分别紧贴在主轴的起始位置和结束位置。（   ）

选项：
A:错
B:对
答案: 【】

第七章 单元测试

1、判断题：

REM布局的优势，就是通过等比例缩放来实现屏幕适配。（   ）

选项：
A:错
B:对
答案: 【】

2、判断题：

REM就是HTML根元素的字体大小。（    ）

选项：
A:错
B:对
答案: 【】

3、单选题：

在页面调用阿里巴巴手机淘宝团队的lib-flexible库文件之后，如果拿到的设计稿宽度是640像素，此时，在HBuilder的“px转REM比例”设置中，应填入的数值是（    ）。

选项：
A:75
B:640
C:64
D:32
答案: 【

4、单选题：

在页面调用阿里巴巴手机淘宝团队的lib-flexible库文件之后，通过一台手机访问页面，假设手机屏幕宽度分比率是320像素，此时，在CSS中设置的1REM，是多少像素（   ）。

选项：
A:64
B:32
C:75
D:10
答案: 【】

5、单选题：

在HBuilder中，将某个属性的属性值设置为750px，HBuilder会提示将该数值转换为（  ）。

选项：
A:64rem
B:75rem
C:10rem
D:由HBuilder“编辑器设置”中的“px转REM比例”数值决定
答案: 【】

第八章 单元测试

1、单选题：

下面哪个选项不是transform属性实现的变换。（    ）

选项：
A:平移
B:缩放
C:过渡
D:倾斜
答案: 【 】

2、单选题：

下面实现2D旋转正确的是（   ）。

选项：
A:transform:rotate(30)
B:transform: scale (30deg)
C:transform: translate (30)
D:transform:rotate(30deg)
答案: 【】

3、单选题：

应用transform属性的scale( )函数可以实现缩放，下面说法不正确的是（      ）。

选项：
A:参数值大于1时表示缩小元素
B:如果只指定一个参数，那么在X轴和Y轴都缩放此参数所指定的比例
C:可以只在X轴或者Y轴上进行缩放
D:当值为负数时，块级元素会倒过来（反转）进行缩放
答案: 【】

4、单选题：

下面哪个函数是用于实现平移的。（      ）

选项：
A:scale( )
B:skew( )
C:translate( )
D:rotate( )
答案: 【】

5、单选题：

要实现仅在X轴倾斜30度，下面正确的是（      ）。

选项：
A:skewX(30deg)
B:skewY(30deg)
C:skew(30deg,30deg)
D:skew(0,30deg)
答案: 【】

第九章 单元测试

1、单选题：

关于bootstrap，以下说法正确的是（   ）

选项：
A:Bootstrap是为移动终端设计的一种框架，在电脑上是不能正常显示的。
B:Bootstrap和JavaScript一样，属于脚本语言。
C:Bootstrap是一种新的网页标准，与html没有太大关系。
D:Bootstrap依赖于jQuery，因此如果没有jquery的文件，则bootstrap的效果也不能在页面呈现出来。
答案: 【】

2、单选题：

下面可以实现列偏移的类是（    ）

选项：
A:.pull-md-*
B:.push-md-*
C:.move-md-*
D:.offset-md-*
答案: 【】

3、单选题：

模态框提供了哪些尺寸（   ）

选项：
A:modal-xs modal-sm
B:modal-xs modal-sm modal-md modal-lg
C:modal-sm modal-md modal-lg
D:modal-sm modal-lg
答案: 【】

4、判断题：

要使用bootstrap的样式和插件，必须要在网页文件中引入jQuery和Popper.js等必要的组件。（   ）

选项：
A:对
B:错
答案: 【】

5、判断题：

.btn系列按钮类样式可以在<button>元素上使用，也可以在<a>或<input>元素上使用，同样能带来按钮的效果。    （    ）

选项：
A:对
B:错
答案: 【】

6、判断题：

在轮播图插件中，必须为每副轮播的图片的容器加上.active才能实现轮播效果。（     ）

选项：
A:对
B:错
答案: 【】