错题整理

179 阅读2分钟

1.下列有关标准的移动端视口配置正确的代码是()

A: <meta name="viewport" content="width=device-width, initial-scale=1.0">
B: <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
C: <meta name="viewport" content="width=375, initial-scale=1.0">
D: <meta name="viewport" content="width=320, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

正确答案:B

你的答案:C

解析

2.下列有关flex布局的相关属性描述错误的是()

A: flex-direction属性可以控制弹性盒子中子元素的布局方向
B: justify-content属性可以控制主轴对齐方式
C: align-self属性可以控制单个子元素侧轴对齐方式
D: align-items属性可以控制多行侧轴对齐方式

正确答案:D

你的答案:C

解析

本题考核的知识点是:flex布局相关属性 align-items属性可以控制单行侧轴对齐方式

3.下列有关flex布局相关代码效果描述错误的是()

A: justify-content: space-around; 表示控制弹性盒子中子元素在主轴方向对齐方式为空白环绕
B: flex-wrap: wrap; 表示控制弹性盒子中子元素一定会换行
C: align-content: flex-start; 表示控制弹性盒子中多行子元素在侧轴开始方向对齐
D: align-self: center; 表示控制当前子元素在侧轴方向居中对齐

正确答案:B

你的答案:C

解析

本题考核的知识点是:flex布局相关属性 flex-wrap: wrap; 表示控制弹性盒子中的子元素当一行放不下可以换行,但是如果子元素一行可以放下,是不会换行的。

4.下列有关flex布局相关属性作用描述错误的是()

A: flex-direction 控制的是主轴方向,一旦主轴方向改变之后,侧轴方向会自动改变
B: flex-wrap 控制的是子元素如果一行放不下,是否允许子元素换行
C: order 控制子元素的排序,数值越小,排序越靠前
D: 设置 align-items: stretch; 一定会让子元素高度拉伸到父元素的高度

正确答案:D

你的答案:C

解析

本题考核的知识点是:flex布局相关属性 align-items: stretch; 表示子元素侧轴拉伸显示,需要保证此时子元素没有定死高度,并且未改变主轴方向,此时子元素高度才会拉伸到父元素的高度。

5.下列关于less说法错误的是()

A: less中声明变量的语法为:@变量名=变量值;
B: less中声明函数的语法为:.函数名() { 重复代码 }
C: less中完全兼容css的语法,可以直接在less文件中写css语法
D: 浏览器不能直接认识less,需要通过相关的软件或插件将less转换成css后供浏览器使用

正确答案:A

你的答案:B

解析

本题考核的知识点是:less less中声明变量的语法为:@变量名=变量值;