web程序设计基础——学习通选择判断复习（2）_有如下一行代码<input type=”text” name=”txt”> 请问它的功能是-CSDN博客

本文链接：https://blog.csdn.net/qq_52227393/article/details/122275388

构建Web表单

1【单选题】

<form>与</form>之间的表单控件是由用户自定义的。下列选项中，不属于表单标记<form>的常用属性的是（）。

A、action

B、size

C、method

D、name

我的答案：B

2【单选题】

在HTML中，<form method=””>，method属性表示（）。

A、提交方式

B、表单所用的脚本语言

C、提交的URL地址

D、表单的类型

我的答案：A

3【单选题】

设置表单中密码框的最大长度为15正确的属性设置是（）。

A、size=15

B、max=15

C、maxsize=15

D、maxlength=15

我的答案：D

4【单选题】

下列关于表单的说法不正确的一项是（）。

A、表单对象可以单独存在于网页表单之外

B、表单中包含各种表单对象，如文本域、列表框和按钮

C、表单就是表单对象

D、表单由两部分组成：一是描述表单的HTML源代码；二是用来处理用户在表单域中输入的信息的服务器端应用程序客户端脚本

我的答案：C

5【单选题】

在HTML中，（）标签用于在网页中创建表单。

A、<INPUT>

B、<SELECT>

C、<TABLE>

D、<FORM>

我的答案：D

6【单选题】

阅读以下代码段，则可知（）。

<INPUT type="text" name="textfield">

<INPUT type="radio" name="radio" value="女">

<INPUT type="checkbox" name="checkbox" value="checkbox">

<INPUT type="file" name="file">

A、上面代码表示的表单元素类型分别是：文本框、单选按钮、复选框、文件域

B、上面代码表示的表单元素类型分别是：文本框、复选框、单选按钮、文件域

C、上面代码表示的表单元素类型分别是：密码框、多选按钮、复选框、文件域

D、上面代码表示的表单元素类型分别是：文本框、单选按钮、下拉列表框、文件域

我的答案：D

7【单选题】

对于<FORM action=″URL″ method=*>标签，其中*代表GET或（）。

A、SET

B、PUT

C、POST

D、INPUT

我的答案：C

8【判断题】

在表单控件中，对复选框应用checked属性，指定默认选中项。

我的答案：√

9【判断题】

在表单提交方式中，get方式的保密性好，并且无数据量的限制。

我的答案：×

10【判断题】

在表单提交方式中，post方式的保密性好，并且无数据量的限制。

我的答案：√

1【单选题】

在表单中插入单选按钮的HTML代码是（）。

A、<input type="submit" >

B、< input type="button" >

C、< input type="reset" >

D、<input type=“radio”>

我的答案：D

2【单选题】

在表单中插入文本域的正确的HTML代码是（）。

A、<input type="password" size=15>

B、<textarea name="" rows="" cols=""> </textarea>

C、<select multiple><option value=""></select>

D、<input type="textarea" rows="" cols="" >

我的答案：B

3【单选题】

HTML代码<input type=text name="foo" size=20>表示（　）。

A、创建一个单选框

B、创建一个单行文本输入区域

C、创建一个提交按纽

D、创建一个使用图象的提交按纽

我的答案：B

4【单选题】

有如下一段代码<input type=”text”name=”txt”>,请问它的功能是。（）

A、创建一个文本框

B、创建一个密码框

C、创建一个文本域

D、创建一个按钮

我的答案：A

5【单选题】

若要产生一个4行30列的多行文本域，以下方法中，正确的是（）。

A、<Input type=”text” Rows=”4” Cols=”30” Name=”txtintrol”>

B、<TextArea Rows=”4” Cols=”30” Name=”txtintro”>

C、<TextArea Rows=”4” Cols=”30” Name=”txtintro”></TextArea>

D、<TextArea Rows=”30” Cols=”4” Name=” txtintro”></TextArea>

我的答案：C

6【单选题】

对于标签〈input type=*〉，如果希望实现密码框效果，*值是（）。

A、hidden

B、text

C、password

D、submit

我的答案：C

7【单选题】

关于下面代码片段分析正确的是（）。

A、表单的名称为myform

B、表单的数据提交的位置是checkLogin.do

C、表单提交的数据将会出现在地址栏中

D、以post方式提交的表单数据没有大小限制

我的答案：D

8【单选题】

在页面中看不见的表单元素是那种？（）

A、<input type="password"></input>

B、<input type="radio"></input>

C、<input type="hidden"></input>

D、<input type="reset"></input>

我的答案：C

9【单选题】

有关表单描述错误的是？（）

A、表单元素只能放置在表单<form>标签中，才可以将表单的数据传递给其他程序

B、当需要将表单元素的内容发送给其他程序，这些表单元素必须设置name属性值

C、<form>的method属性用于设置请求方式，常用取值有：post和get

D、在纯html代码中，只要是按钮，就可以将表单提交到另一个程序去

我的答案：D

10【单选题】

以下哪些标签不是表单元素标签？（）

A、<input type=”text”>

B、<a>

C、<select >

D、<input type=”submit”>

我的答案：B

1【判断题】

代码<input type="text" id="txtAge" pattern="^[1-9]?[0-9]$">可验证输入文本是否为1~9之间的数字。

我的答案：×

2【判断题】

可以使用fieldset元素将相关的元素组合在一起。

我的答案：√

3【判断题】

title标签为<fieldset>边框添加相关的标题。

我的答案：×

4【判断题】

HTML5新增的URL表单类型本身就具有对表单数据进行验证的功能。

我的答案：√

5【判断题】

HTML5新增的pattern属性具有对表单中输入字段模式进行验证的功能。适合于text、serch、url、telephone、email、password等<input>类型。

我的答案：√

6【判断题】

正则表达式的由元字符及普通字符组成。

我的答案：√

7【判断题】

Lable标签的for属性规定label绑定到哪个表单元素上，属性取值为表单元素的id。

我的答案：√

8【判断题】

Lable标签的for属性规定label字段所属的一个或多个表单。

我的答案：×

9【判断题】

HTML5新增的Email表单类型本身就具有对表单数据进行验证的功能。

我的答案：√

10【判断题】

legend标签为<fieldset>边框添加相关的标题。

我的答案：√

音频和视频

1【单选题】

在HTML中，可以使用（）标记向网页中插入视频。

A、<src>

B、<path>

C、<video>

D、<audio>

我的答案：C

2【单选题】

下列属性中指定媒体是否在页面加载后自动播放的是（）。

A、100p

B、autoplay

C、poster

D、auto

我的答案：B

3【单选题】

下列选项中，属于audio元素的属性是（）。

A、poster

B、width

C、height

D、preload

我的答案：D

4【单选题】

下列选项中，（）不是HTML 5所支持的视频格式。

A、WebM

B、Ogg

C、MP4

D、AVI

我的答案：D

5【单选题】

可以通过（）元素来为同一个媒体数据指定多个播放格式与编码方式。

A、source

B、video

C、audio

D、以上都不是

我的答案：A

6【单选题】

HTML5不支持的视频格式是( )。

A、ogg

B、mp4

C、flv

D、WebM

我的答案：C

7【单选题】

以下关于video说法正确的是（）。

A、当前，video元素支持三种视频格式,其中WebM = 带有 Thedora 视频编码和 Vorbis 音频编码的 WebM 。

B、source元素可以添加多个,具体播放哪个有浏览器决定。

C、video内使用img展示有视频封面。

D、loop属性可以使媒介文件循环播放。

我的答案：D

8【判断题】

用于播放 HTML5 视频文件的元素是video。

我的答案：√

9【判断题】

用于播放 HTML5 音频文件的元素是audio。

我的答案：√

10【判断题】

video元素支持Ogg和WebM视频格式文件。

我的答案：√

CSS基础

1【单选题】

基本CSS代码书写规范不正确的是

A、尽量不缩写

B、全部小写，且每一项CSS定义写成一行

C、ID必须是唯一的，且用在结构的定义中

D、CSS可以尽量使用expression

我的答案：D

2【单选题】

关于CSS定义的说法错误的是

A、类样式的定义方法是点+样式名字

B、用户定义的类的定义方法是#+样式名字

C、声明定义时属性和属性之间用空格分隔

D、HTML标签，样式名字：是指只有该指定的标签才能引用它

我的答案：C

3【多选题】

下列对CSS描述正确的是

A、是Cascading Style Sheets（层叠样式表）的缩写

B、是一种对Web文档添加样式的简单机制

C、是一种表现HTML或XML等文件外观样式的计算机语言

D、是一种网页排版和布局设计的技术

我的答案：ABCD

4【多选题】

下列关于CSS描述正确的是

A、CSS可灵活的控制文字字体、颜色、大小、间距、风格及位置

B、可随意设置文本块行高、缩进，并可以加三维效果的边框

C、方便为元素设置不同的背景颜色和背景图片

D、能精确的控制网页中各元素的位置

我的答案：ABCD

5【多选题】

常用的CSS3可以实现的效果有哪些

A、按钮效果和设计下拉菜单

B、CSS3引用气泡和动画效果

C、制作柱形图和图片阴影效果

D、文本框样式和字体效果

我的答案：ABCD

6【多选题】

下列关于浏览器前缀描述正确的是

A、-ms-是IE 9浏览器前缀

B、-moz-是Firefox火狐浏览器前缀

C、-webkit-是Safari and Chrome 苹果和谷歌浏览器前缀

D、-o-是Opera 欧朋浏览器前缀

我的答案：ABCD

7【多选题】

下列关于CSS3特点描述正确的是

A、网页载入更快

B、降低流量费用

C、修改设计时效率高

D、易被搜索引擎收录

我的答案：ABCD

8【多选题】

关于CSS样式表功能，以下说法正确的是

A、灵活控制网页中文字大小、字体、颜色、间距风格及位置

B、可以精确的控制网页中各元素的位置

C、可以与脚本语言相结合

D、以上说法都不对

我的答案：ABC

9【多选题】

在HTML中，关于CSS样式的说法错误的是

A、CSS代码不区分大小写（在XHTML中区分大小写）

B、每条样式规则使用分号(;)隔开

C、CSS样式无法实现页面的精确控制

D、CSS样式实现了内容与样式的分离，利于团队开发

我的答案：BC

10【判断题】

与传统的表格布局相比，纯CSS布局与结构式HTML相结合可以实现将网页外观与结构相分离的作用

我的答案：√

1【多选题】

在HTML中所有标签都是用不同的选择器来控制的，根据CSS选择器的用途可以把选择器分为哪些

A、通用选择器和标签选择器

B、类选择器和id选择器

C、伪类选择器和群组选择器

D、派生选择器和属性选择器

我的答案：ABCD

2【多选题】

下列关于四种基本选择器描述正确的是

A、通用选择器可以设置网页中所有的HTML标签使用同一种样式

B、标签选择器可以设置HTML文档中多个不同标签的应用样式

C、类选择器可以为一系列的网页元素定义相同的显示样式

D、ID选择器可以为唯一的网页元素定义显示样式

我的答案：ABCD

3【多选题】

下列关于四种基本选择器语法格式描述正确的是

A、通用选择器语法格式: *{属性1:属性值1; 属性2:属性值2；}

B、标签选择器语法格式为: 标签名称 {属性1:属性值1; 属性2:属性值2；}

C、类选择器语法格式为: .类名 {属性1:属性值1; 属性2:属性值2;}

D、ID选择器语法格式为: #ID名 {属性1:属性值1; 属性2:属性值2;}

我的答案：ABCD

4【多选题】

下列关于组合选择器描述正确的是

A、相邻兄弟选择器用于选择紧接在某元素之后的兄弟元素。该元素与其相邻兄弟元素之间以加号“+”分隔。

B、相邻兄弟选择器的语法格式为：兄元素+弟元素{属性1:属性值1; 属性2:属性值2;}

C、普通兄弟选择器用于选择拥有相同父元素的元素。元素之间使用波浪号“~”分隔。

D、普通兄弟选择器的语法格式为：兄元素~弟元素{属性1:属性值1; 属性2:属性值2;}

我的答案：ABCD

5【判断题】

CSS格式有选择符和声明两部分组成，两者之间由冒号隔开。选择符可以是HTML中的任何标记，也可以是自定义的合法的标识符，声明由属性和值组成。

我的答案：√

6【判断题】

CSS样式的注释是以“斜杠+星号”（/*）开始，“星号+斜杠”(*/)结束。

我的答案：√

7【判断题】

在CSS3选择器不需要使用多个div标记就能实现多栏布局。

我的答案：√

8【判断题】

CSS3中的选择器包括超文本选择器、类选择器、ID选择器。

我的答案：×

9【判断题】

群组选择器为当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号隔开。

我的答案：√

10【判断题】

派生选择器是通过依据元素在其位置的上下文关系来定义样式的选择器。

我的答案：√

1【单选题】

（）只适用于单一网页设置单独的CSS样式。

A、内联式

B、内嵌式

C、链入式

D、导入式

我的答案：B

2【单选题】

内联式CSS样式是通过标记的（）属性来设置元素的样式。

A、class

B、style

C、id

D、name

我的答案：B

3【单选题】

在内嵌式CSS样式中，<style>标记可以设置元素的样式，它一般位于（）标记中<title>标记之后。

A、<h1>

B、<p>

C、<head>

D、<body>

我的答案：C

4【单选题】

引入外部样式表的格式为（）。

A、<style src =“style.css”>

B、< link type="text/css" rel="stylesheet" href="style.css" />

C、< stylesheet >style.css< /stylesheet >

D、以上都是

我的答案：B

5【单选题】

如果要在不同的网页中应用相同的样式表定义，应该（）。

A、直接在HTML的元素中定义样式表

B、在HTML的<head>标记中定义样式表

C、通过一个外部样式表文件定义样式表

D、以上都可以

我的答案：C

6【多选题】

下列关于在网页中应用CSS样式的4种方式描述正确的是（）。

A、内联式是通过标记的style属性，直接把CSS样式添加到HTML的标签中，作为属性存在

B、内嵌式是将CSS样式代码添加到HTML文档的head头部标签中，并用style标签进行声明。内嵌式只适用于单一网页设置单独的CSS样式

C、链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过link标记将外部样式表文件链接到HTML文档中

D、导入式与链入外部CSS基本相同，都是要创建一个单独的外部CSS文件，再引入到HTML文档中。导入式采用@import来导入外部CSS文件

我的答案：ABCD

7【多选题】

下列关于链入式和导入式两种外部样式的区别描述正确的是（）。

A、隶属关系不同：<link>标签属于HTML标签，@import是CSS提供的载入方式

B、加载时间及顺序不同：链入式先将外部的CSS文件加载到网页当中；导入式先将HTML结构呈现，再加载

C、兼容性不同：导入式只兼容IE 5以上的版本，链入式无此问题

D、DOM模型控制样式不同：导入式不受DOM模型控制

我的答案：ABCD

8【判断题】

内嵌式是通过标记的style属性，直接把CSS样式添加到HTML的标签中，作为属性存在。

我的答案：×

9【判断题】

通过内联式可以简单地对某个标签元素单独定义CSS样式，但没有很好地实现表现与内容分离的标准。

我的答案：√

10【判断题】

导入式与链入外部CSS都要创建一个单独的CSS文件，再引入HTML文件中。

我的答案：√

1【单选题】

如果使用内嵌式CSS样式表定义<p>标记字号为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为（）。

A、只显示12像素

B、12像素红色

C、只显示红色

D、以上都不正确

我的答案：B

2【单选题】

下列（）表示p元素中的字体是粗体。

A、p {text-size:bold}

B、p {font-weight:bold}

C、<p style="text-size:bold">

D、<p style=text-size:bold>

我的答案：B

3【单选题】

下列哪个CSS属性是用来更改背景颜色的（）。

A、background-color

B、bgcolor

C、color

D、text

我的答案：A

4【单选题】

下列选项中不属于文本属性的是（）。

A、font-size

B、font-style

C、font-family

D、font-color

我的答案：D

5【判断题】

在网页中应用CSS样式中，样式优先级从高到低分别是，内联式、内嵌式、链入式、导入式。

我的答案：√

6【判断题】

CSS中与长度相关的属性取值中：相对尺寸的大小继承该元素属性的前一个属性的单位值，绝对尺寸的大小受后面紧跟的单位限制，它的取值是固定的，不会受显示器分别率和设备的不同而不同。

我的答案：√

7【判断题】

在CSS中，把容纳文本、图片等内容的显示区域叫做“box”。它包含四个部分，即对象本身（Content）、围绕对象的空格填充（PADDING）、对象边框（BORDER）以及围绕边框的对象间隙（MARGIN）即边距。

我的答案：√

8【判断题】

列表属性用于改变列表项的图形符号。列表的图形符号不仅可以是圆点、空心圆、方块或数字，甚至还可以是指定的图片。

我的答案：√

9【判断题】

CSS样式的4种特性分别是继承性、特殊性、层叠性和重要性。

我的答案：√

10【判断题】

特殊性是指当多个规则都应用再同一元素时，权重高的优先。优先级从高到低分别为，通用选择器、标签选择器、类选择器、ID选择器。

我的答案：×

CSS3页面布局

1【单选题】

在CSS中，为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px;border:5px；}，则该标签的实际宽度为（）

A、200px

B、220px

C、240px

D、250px

我的答案：D

2【单选题】

下列设置“上边距：20px、下边距：30px、左边距：40px、右边距：50px”边距属性正确的是（）。

A、margin:20px 30px 40px 50px

B、border: 20px 30px 40px 50px

C、margin:20px 50px 30px 40px

D、margin-top:20px 30px 40px 50px

我的答案：C

3【单选题】

将一个盒子的上边框定义为1像素、蓝色、单实线，下列代码正确的是（）。

A、border-top：1px solid #00f;

B、border：1px solid #00f;

C、border-top：1px dashed #00f;

D、border：1px dashed #00f;

我的答案：A

4【多选题】

下列关于网页布局方式描述正确的是（）

A、网页布局主要分为固定式布局、流式布局、响应式布局三种形式的布局方式

B、固定式布局是指利用固定的大小宽度去布局网页的尺寸

C、流式网页布局可以根据浏览器的宽度和屏幕的大小自动调整效果

D、响应式网页布局是一种糅合了流式布局，再搭配媒体查询技术使用的网页布局方式

我的答案：ABCD

5【多选题】

在CSS中，下列选项（）属于BOX模型的属性。

A、font

B、margin

C、border

D、visible

我的答案：BC

6【多选题】

下列关于border的具体的参数设置描述正确的是（）。

A、可以一次只设置一个属性（如top），也可以按“上à右à下à左”的顺序一起设置，各个属性取值之间用空格分隔

B、当边框宽度有3个参数时，将按“上à左+右à下”的顺序作用到边框上

C、当边框宽度有2个参数时，将按“上+下à左+右”的顺序作用到边框上

D、当边框宽度有1个参数时，四个方向的边框宽度取值相同

我的答案：ABCD

7【判断题】

CSS盒模型是指在页面布局中，为了将页面元素合理有效地组织在一起，形成的一套完整、行之有效的原则和规范。

我的答案：√

8【判断题】

CSS盒主要是由margin（外边距）、border（边框）、padding（内边距）和content（内容）四个部分组成，此外，还有高度和宽度两个辅助属性。

我的答案：√

9【判断题】

内容区拥有width、height和overflow三个属性，其中overflow属性用来指定溢出内容的处理方式，属性取值主要有visible、hidden、scroll、auto四种

我的答案：√

10【判断题】

border（边框）是指围绕元素的内容和内边距的一条或多条线，拥有多种属性。可以利用这些属性分别对top（顶部）、right（右边）、bottom （底部）、left（左边）进行设置

我的答案：√

1【单选题】

在CSS中，可以通过float属性为元素设置浮动，以下选项中不属于float属性值的是（）。

A、left

B、center

C、right

D、none

我的答案：B

2【单选题】

在CSS中，如果要清除浮动层对文本的影响，下列说法正确的是（）。

A、为浮动层增加clear属性，并设置其属性为both

B、为浮动层增加clear属性，并设置其属性为none

C、为放置文本的标签增加clear属性，并设置其属性为none

D、为放置文本的标签增加clear属性，并设置其属性为both

我的答案：D

3【单选题】

CSS中position:fixed表示（）。

A、相对于浏览器窗口进行定位

B、相对于它在原文档流的位置进行定位

C、相对于其上一个已经定位的父元素进行定位

D、相对于父元素进行定位

我的答案：A

4【单选题】

使用float或position属性布局两栏或多栏内容时，会因为内容高度不同而使得底部很难对齐，CSS3中（）可以解决这个问题。

A、columns

B、columns-gap

C、columns-rule

D、columns-span

我的答案：A

5【多选题】

下列关于元素定位描述正确的是（）。

A、元素定位主要是通过CSS定位实现网页元素的精确定位。元素的定位属性主要包括定位模式和边偏移两部分

B、相对定位是将元素相对于它在标准文档流中的位置按指定偏移移动到新位置，移动后元素形状不变，原本位置所占空间也继续保留

C、绝对定位是将元素依据最近的已经定位的父元素进行定位，若所有父元素都没有定位，依据body根元素（浏览器窗口）进行定位，移动后元素形状不变，原本位置所占空间不保留

D、固定定位，其本质是绝对定位的一种特殊形式，它以浏览器窗口作为参照物来定义网页元素

我的答案：ABCD

6【判断题】

在CSS当中有三种基本的定位机制：普通流、浮动和绝对定位。其中普通流是默认的一种定位机制,浮动流和绝对定位分别通过float属性和position属性来定位。

我的答案：√

7【判断题】

元素定位主要就是通过CSS定位实现网页元素的精确定位。元素的定位属性主要包括定位模式和边偏两部分。

我的答案：√

8【判断题】

相对定位是将元素相对于它在标准文档流中的位置按指定偏移移动到新位置，移动后元素形状不变，原本位置所占空间也继续保留。

我的答案：√

9【判断题】

固定定位是将元素依据最近的已经定位的父元素进行定位，若所有父元素都没有定位，则依据body根元素（浏览器窗口）进行定位。移动后元素形状不变，原本位置所占空间不保留。

我的答案：×

10【判断题】

CSS3 弹性盒是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。

我的答案：√

1【单选题】

采用DIV+CSS设计页面布局的优势不包括（）。

A、减少页面冗余代码

B、更容易修改和维护

C、容易被搜索引擎收录

D、可以轻松控制页面布局

我的答案：B

2【单选题】

下列（）不属于常见的页面布局的方式。

A、流式布局

B、固定布局

C、静态布局

D、弹性布局

我的答案：C

3【单选题】

在CSS中，为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px; border:5px;}，则该标签的实际宽度为（）。

A、200px

B、220px

C、240px

D、250px

我的答案：D

4【单选题】

如果要使多个DIV并列排列，应使用（）。

A、margin

B、float

C、content

D、cle

我的答案：B

5【多选题】

下面情况下，哪些会发生margin属性的叠加（　　）。

A、元素的顶边界与前面元素的底边界发生叠加

B、元素的顶边界于父元素的顶边界发生叠加

C、元素的顶边界于底边界发生叠加

D、空元素中已经叠加的边界与另一个空元素的边界发生叠加。

我的答案：ABCD

6【多选题】

关于下列代码片段分析正确的是（　　）。

a {display:inline-block;

width:100px;

height:30px;

border:1px solid red;

}

</style>

A、以上代码用于超链接标签的样式

B、超链接将以块状方式显示

C、超链接的宽度为100px,高度为30px

D、超链接在同一行显示。

我的答案：ABD

7【判断题】

一个大div块里包含一个小的div，设置小的div与大div的左边距5px样式的标准写法是margin-left:5px。

我的答案：×

8【判断题】

定义盒模型的外间距时不能取负值。

我的答案：×

9【判断题】

nav标签通常代表网页中的导航区块。

我的答案：√

10【判断题】

div标签显示时将独占一行。

我的答案：√

1【单选题】

关于CSS3中的columns属性，下列说法正确的是（）。

A、用于返回单元格的列号

B、仅指定多列布局的列宽度

C、仅指定多列布局的列数

D、指定多列布局的列宽度和列数

我的答案：D

2【单选题】

样式代码div{columns-gap:10px}的含义是（）。

A、多列布局的列宽度为10px

B、多列布局的列间距为10px

C、列间隔线宽为10px

D、以上都不对

我的答案：B

3【单选题】

若父元素宽度为400px，列间距为20px，则样式代码div{columns:auto 4}设置的列宽度为（）。

A、100px

B、340px

C、85px

D、80px

我的答案：C

4【单选题】

在多列布局中，column-count属性用于设置列数，关于它的属性取值，下列说法正确的是（）。

A、可取为auto

B、可取0

C、可取负值

D、可取任意值

我的答案：A

5【多选题】

下列属性中，哪些属于多列设置的属性(　　）。

A、column-rule-width

B、column-count

C、column-span

D、column-rule-style

我的答案：ABCD

6【判断题】

多列布局设置列宽40px，列数为2，若浏览器宽度小于80px，则显示时缩减宽度，仍显示2列。

我的答案：×

7【判断题】

目前，并不是所有浏览器都支持多列布局的columns-span属性。

我的答案：√

8【判断题】

在多列布局设置中“column-gap: normal”规定列间距为一个常规的间隔，W3C建议的值是1px。

我的答案：×

9【判断题】

在多列布局设置中如果没有设置columns-rule属性，则默认其属性取值为：medium none black。

我的答案：√

10【判断题】

在多列布局设置中“ columns-span:all”规定横跨所有列。

我的答案：√

1【单选题】

若将弹性盒中的子元素按序正向从左到右横排，下列样式代码正确的是（）。

A、flex-direction: row

B、flex-direction: row-reverse

C、flex-direction: column

D、flex-direction: column-reverse

我的答案：A

2【单选题】

弹性子元素的样式代码“ justify-content: space-between”的含义是（）。

A、子元素位于容器的中心

B、子元素位于各行之间留有空隙的容器内

C、子元素位于各行之前、之间、之后都留有空白的容器内

D、子元素位于容器的开头

我的答案：B

3【单选题】

若设置弹性盒中子元素纵向的对齐方式，应选择（）属性。

A、align-content

B、align-self

C、align-items

D、justify-content

我的答案：C

4【单选题】

若父元素的宽度为800px，三个子元素的总宽度是400px,三个元素的flex属性分别设置如下

元素1为“flex:1 1 100px;”

元素2为“flex:2 0 200px;”

元素3为“flex:1 1 100px;”

则元素1显示的宽度为（）。

A、100px

B、200px

C、300px

D、400px

我的答案：B

5【多选题】

弹性盒子分为（ )布局形式。

A、横向

B、纵向

C、前向

D、后向

我的答案：AB

6【判断题】

定义某个选择器为弹性盒子的属性为flex。

我的答案：×

7【判断题】

子元素的属性“flex-wrap”默认值为nowrap。

我的答案：√

8【判断题】

order属性用于定义弹性盒子元素的排列顺序。

我的答案：√

9【判断题】

弹性盒子元素的flex属性设置为“flex :1 1 100px“代表该元素的宽度为100px，且不会因父元素宽度的变化而变化。

我的答案：×

10【判断题】

一旦将 display 属性设置为 flex ，无序列表中的每个列表项将自动变为从左到右横向排列。

我的答案：√