2023年6月20日发(作者：)
HTML/CSS单选题型
姓名：
班级：
六位学号:
________________________
________________________
________________________
页面上的div标签，其HTML结构如下： 传智播客对应的CSS样式代码如下：#father .son{ color:red;}#father p{ color:blue;}div .son{ color:yellow; }div
p{ color:green;}那么，文字的颜色将显示为（ ） [单选题]
A、红色(正确答案)
B、蓝色
C、黄色
D、
绿色
答案解析：
定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。CSS为每一种基础选择器都分配了一个权重，其中，标记选择器具有权重1，类选择器具有权重10，id选择器具有权重100。下面，计算题目中四个选择器的权重如下：
#fater #son的权重是200
#father p
的权重是101
div .son 的权重是11
div p 的权重是2
所以，文字颜色应该以权重最高的#father #son设置的样式为准，显示为红色。
若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（ ） [单选题]
A、
B、#
C、list#one D、#one(正确答案)
答案解析：创建锚点链接时，应该先写链接页面再写锚点名称。
下列选项中，字号最大的是哪一项？（ ） [单选题]
A、
(正确答案)
B、
C、
D、
答案解析：HTML提供了6个等级的标题，即
、、、、和，从到字号依次递减。
在网页中插入图像，若图像文件位于html文件的上两级文件夹，则在文件名之前加入（ ） [单选题]
A、../
B、/
C、./
D、../../(正确答案)
答案解析：图像文件位于html文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如。
标记链接图片的属性是（ ）。 [单选题]
A、src(正确答案)
B、alt
C、width
D、height
答案解析：src属性用于指定图像文件的路径和文件名，他是img标记的必需属性。
下列属性中，用于设置鼠标悬停时图像的提示文字的是哪一项？（ ） [单选题] A、title(正确答案)
B、alt
C、width
D、height
答案解析：用于设置鼠标悬停时图像的提示文字的属性是title属性。
下列选项中，不是标记属性的是（ ） [单选题]
A、src
B、alt
C、width
D、href(正确答案)
答案解析：ABC三项都是标记的属性，只有D选项不是。
以下标示符中，用于设置页面标题的是（ ）。 [单选题]
A、
(正确答案) </p><p>B、<caption> </p><p>C、<head> </p><p>D、<html> </p><p>答案解析：<title>标记用于定义HTML页面的标题，即给网页取一个名字，必须位于<head>标记之内。 </p><p>网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS书写正确的是（ ） [单选题] </p><p>A、 </p><p>B、 </p><p>C、(正确答案) D、 </p><p>答案解析：在网页中插入图像，若图像文件位于html文件的下一级文件夹，则需输入文件夹名和文件名，之间用“/”隔开。 </p><p>在HTML中，用于设置页面元信息的标示符是（ ）。 [单选题] </p><p>A、<title> </p><p>B、<base> </p><p>C、<head> </p><p>D、<meta>(正确答案) </p><p>答案解析：答案说明 <meta />标记用于定义页面的元信息，可重复出现在<head>头部标记中。 </p><p>下面的选项中，属于常用的图片格式并且能够做动画的是（ ）。 [单选题] </p><p>A、jpg格式 </p><p>B、gif格式(正确答案) </p><p>C、psd格式 </p><p>D、png格式 </p><p>答案解析：网页上常用的图像格式主要有GIF、JPG和PNG三种，而没有psd格式。但是，能支持动画的只有GIF格式。 </p><p>下列关于特殊字符的说法不正确的是（ ） [单选题] </p><p>A、特殊字符的代码通常由前缀"&"、字符名称和后缀为英文状态下的";"组成 </p><p>B、可以通过菜单栏直接插入相应特殊字符的代码 </p><p>C、转义序列各字符间可以有空格(正确答案) </p><p>D、转义序列必须以分号结束 </p><p>答案解析：特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成。在网页中使用这些特殊字符时只需输入相应的代码替代即可。另外，在Dreamweaver中，还可以通过菜单栏中的【插入】→【HTML】→【特殊字符】选项直接插入相应特殊字符的代码。另外，转义序列各字符间不能有空格，并且转义序列必须以分号结束。 </p><p>在HTML中，表示内嵌CSS样式的标记是（ ）。 [单选题] </p><p>A、<title> </p><p>B、<style>(正确答案) </p><p>C、<head> </p><p>D、<meta> </p><p>答案解析：在HTML中使用style标记表示使用内嵌式的CSS样式。 </p><p>下面标记中，用来显示段落的标记是（ ）。 [单选题] </p><p>A、<h1> </p><p>B、<br/> </p><p>C、 </p><p>D、<p>(正确答案) </p><p>答案解析：<h1>标记是标题标记，<br />是换行标记，是图像标记，只有<p>是段落标记。 </p><p>在HTML文档头部标记中，使用标记的name和content属性可以为搜索引擎提供信息。设置网页关键字的name属性值应该为（ ）。 [单选题] </p><p>A、keywords(正确答案) </p><p>B、description </p><p>C、charset </p><p>D、expires </p><p>答案解析："keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类，name属性用来设置关键字。 </p><p>若要在网页中插入样式表，以下用法中正确的是（ ） [单选题] A、<linksrc=""type="text/css"rel="stylesheet"> </p><p>B、<includehref=""type="text/css"rel="stylesheet"> </p><p>C、<linkhref=""type="text/css"> </p><p>D、<linkhref=""type="text/css"rel="stylesheet">(正确答案) </p><p>答案解析：使用<link>标记引用外部CSS样式表：</p><p><link rel="stylesheet" type="text/css" href="" /></p><p>上面的代码，表示引用当前HTML页面所在文件夹中，文件名为“”的CSS样式表文件。 </p><p>在网页中插入图像，若图像文件位于html文件的上两级文件夹，则在文件名之前加入（ ） [单选题] </p><p>A、../ </p><p>B、/ </p><p>C、./ </p><p>D、../../(正确答案) </p><p>答案解析：图像文件位于html文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如。 </p><p>下面标记中，表示换行的标记是（ ）。 [单选题] </p><p>A、<h1> </p><p>B、<enter> </p><p>C、<br />(正确答案) </p><p>D、<hr /> </p><p>答案解析：<p><h1>用来设置字体样式，<enter>标记不存在，<hr>表示一条水平线，<br/>表示换行。</p> </p><p>下列选项中，不属于文本标记属性的是（ ）。 [单选题] </p><p>A、nbsp;(正确答案) B、align </p><p>C、color </p><p>D、face </p><p>答案解析：<p>align、color、face都是<p>标记的属性，只有“nbsp;”不是。</p> </p><p>在下列选项中，background-position属性值书写正确的是（ ）。 [单选题] </p><p>A、p{ background-position:left top; }(正确答案) </p><p>B、p{ background-position:left 10; } </p><p>C、p{ background-position:10 top ;} </p><p>D、p{ background-position:top 10 ;} </p><p>答案解析：<p>背景图像在元素中的对齐方式有3中，分别是使用数值、使用预定义的关键字、使用百分比。 但是在定义元素对齐方式中，数值、关键字和百分比不能混用。</p> </p><p>下列选项中，用于改变盒子模型外边距的是（ ）。 [单选题] </p><p>A、margin(正确答案) </p><p>B、padding </p><p>C、type </p><p>D、border </p><p>答案解析：<p>暂无解析</p> </p><p>下列选项中，用于更改元素左内边距的是（ ）。 [单选题] </p><p>A、text-indent </p><p>B、padding-left(正确答案) </p><p>C、margin-left </p><p>D、padding-right 答案解析：<p>在CSS中padding属性用于设置内边距，方法如下：</p><p>padding-top:上内边距;</p><p>padding-right:右内边距;</p><p>padding-bottom:下内边距;</p><p>padding-left:左内边距;</p> </p><p>关于盒子模型中的宽度和高度属性，下面说法正确的是（ ）。 [单选题] </p><p>A、盒子模型中的宽度和高度属性适用于所有元素 </p><p>B、盒子模型中的宽度和高度属性仅适用于行内元素 </p><p>C、盒子模型中的宽度和高度属性仅适用于块级元素(正确答案) </p><p>D、以上说法都正确 </p><p>答案解析：<p>宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（标记和<input />除外）。</p> </p><p>关于样式代码“.box{width:200px; padding:15px; margin:20px;}”下列说法正确的是（ ）。 [单选题] </p><p>A、.box的总宽度为200px </p><p>B、.box的总宽度为 270px(正确答案) </p><p>C、.box的总宽度为 235px </p><p>D、以上说法均错误 </p><p>答案解析：<p>盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和</p><p>所以，.box的总宽度= width（200px）+左右内边距（15px*2）+左右外边距（20px*2）=270px</p> </p><p>一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（ ） [单选题] </p><p>A、333px </p><p>B、366px </p><p>C、336px(正确答案) </p><p>D、363px 答案解析：<p>盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和</p><p>所以，盒子的总宽度= width（300px）+左内边距（30px）+左右边框宽度之和（3px*2）=336px</p> </p><p>下列样式代码中，可以将块元素转换为行内元素的是（ ）。 [单选题] </p><p>A、display:none; </p><p>B、display:block; </p><p>C、display:inline-block; </p><p>D、display:inline;(正确答案) </p><p>答案解析：<p>display属性常用的属性值及含义如下：</p><p>inline：此元素将显示为行内元素（行内元素默认的display属性值）。</p><p>block：此元素将显示为块元素（块元素默认的display属性值）。</p><p>inline-block：此元素将显示为行内块元素，可以对其设置宽高和对齐等属性，但是该元素不会独占一行。</p><p>none：此元素将被隐藏，不显示，也不占用页面空间，相当于该元素不存在。</p> </p><p>标记是网页布局中常见的标记，其显示类型为（ ）。 [单选题] </p><p>A、块级类型 </p><p>B、行内类型(正确答案) </p><p>C、行内块类型 </p><p>D、浮动类型 </p><p>答案解析：<p>常见的行内元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等，其中<span>标记是最典型的行内元素。</p> </p><p>下列样式代码中，可以将标记转换为块元素的是（ ）。 [单选题] </p><p>A、display:none; </p><p>B、display:block;(正确答案) </p><p>C、display:inline-block; </p><p>D、display:inline; 答案解析：<p>display属性常用的属性值及含义如下：</p><p>inline：此元素将显示为行内元素（行内元素默认的display属性值）。</p><p>block：此元素将显示为块元素（块元素默认的display属性值）。</p><p>inline-block：此元素将显示为行内块元素，可以对其设置宽高和对齐等属性，但是该元素不会独占一行。</p><p>none：此元素将被隐藏，不显示，也不占用页面空间，相当于该元素不存在。</p> </p><p>标记是网页布局中最常用的标记，其显示类型为（ ）。 [单选题] </p><p>A、块级类型(正确答案) </p><p>B、行内类型 </p><p>C、行内块类型 </p><p>D、浮动类型 </p><p>答案解析：<p>常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标记是最典型的块元素，常用于网页布局和网页结构的搭建。</p> </p><p>下列样式代码中，可以实现绝对定位模式的是（ ）。 [单选题] </p><p>A、position: static; </p><p>B、position: fixed; </p><p>C、position: absolute;(正确答案) </p><p>D、position: relative; </p><p>答案解析：<p>position属性的常用值有四个，分别表示不同的定位模式：</p><p>static：自动定位（默认定位方式）。</p><p>relative：相对定位，相对于其原文档流的位置进行定位。</p><p>absolute：绝对定位，相对于其上一个已经定位的父元素进行定位。</p><p>fixed：固定定位，相对于浏览器窗口进行定位。</p> </p><p>可以将元素的定位模式设置为相对定位方式的是（ ）。 [单选题] </p><p>A、position: static; </p><p>B、position: relative;(正确答案) </p><p>C、position: absolute; D、position: fixed; </p><p>答案解析：<p>相对定位是将元素相对于它在标准文档流中的位置进行定位，当position属性的取值为relative时，可以将元素定位于相对位置。</p> </p><p>下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（ ）。 [单选题] </p><p>A、overflow:visible; </p><p>B、overflow: hidden;(正确答案) </p><p>C、overflow: auto; </p><p>D、overflow: scroll; </p><p>答案解析：<p>overflow属性的常用值有四个，分别表示不同的含义：</p><p>visible：内容不会被修剪，会呈现在元素框之外（默认值）。</p><p>hidden：溢出内容会被修剪，并且被修剪的内容是不可见的。</p><p>auto：在需要时产生滚动条，即自适应所要显示的内容。</p><p>scroll：溢出内容会被修剪，且浏览器会始终显示滚动条。</p> </p><p>页面上的div标签，其HTML代码为文字，为其设置CSS样式如下：#box{ color:blue;}那么，文字的颜色将显示为 （ ） [单选题] </p><p>A、红色(正确答案) </p><p>B、蓝色 </p><p>C、黑色 </p><p>D、以上选项都不正确 </p><p>答案解析：<p>不同的选择器对同一个元素设置文本颜色时，浏览器会根据选择器的优先级规则解析CSS样式。题目中的div标签，其行内样式设置文字为红色，id选择器样式设置文字为蓝色。由于id选择器的权重小于行内样式，所以文字颜色显示为红色。</p><p>一般来说，选择器权重优先顺序为：行内样式> id选择器>类选择器>标签选择器。</p> </p><p>页面上的div标签，其HTML代码为文字，为其设置CSS样式如下：#box{ color:blue;}.red{ color:red;}那么，文字的颜色将显示为 （ ） [单选题] A、红色 </p><p>B、蓝色(正确答案) </p><p>C、黑色 </p><p>D、白色 </p><p>答案解析：<p>使用不同的选择器对同一个元素设置文本颜色时，浏览器会根据选择器的优先级规则解析CSS样式。题目中的id选择器#box和类选择器.red都同时作用在了div标签上，由于id选择器的权重大于class选择器的权重，所以文字的颜色将以#box设置的为准，显示为蓝色。</p> </p><p>如果使用内嵌式CSS样式表定义标记字号为12像素，链入式定义标记颜色为红色，那么段落文本将显示为（ ） [单选题] </p><p>A、只显示12像素 </p><p>B、12像素红色(正确答案) </p><p>C、只显示红色 </p><p>D、以上都不正确 </p><p>答案解析：<p>本题考查的是CSS层叠性。所谓层叠性是指多种CSS样式的叠加。当使用内嵌式CSS样式表定义<p>标记字号大小为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。</p> </p><p>text-transform属性用于控制英文字符的大小写。下列选项中，不属于其属性值的是（ ）。 [单选题] </p><p>A、capitalize </p><p>B、line-through(正确答案) </p><p>C、lowercase </p><p>D、uppercase </p><p>答案解析：<p>text-transform属性用于控制英文字符的大小写，其可用属性值如下：</p><p>1） none：不转换（默认值）；</p><p>2） capitalize：首字母大写；</p><p>3） uppercase：全部字符转换为大写；</p><p>4） lowercase：全部字符转换为小写；</p> </p><p>在CSS中，用于设置首行文本缩进的属性是（ ） [单选题] </p><p>A、text-decoration </p><p>B、text-align </p><p>C、text-transform </p><p>D、text-indent(正确答案) </p><p>答案解析：<p>text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果；text-align属性用于设置文本内容的水平对齐；text-transform属性用于控制英文字符的大小写；text-indent属性用于设置首行文本的缩进。故选D</p> </p><p>在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（ ）。 [单选题] </p><p>A、{font-family: 黑体;} </p><p>B、{font-family: “黑体”;}(正确答案) </p><p>C、{fontFamily: “黑体”;} </p><p>D、{font-Family: “黑体”;} </p><p>答案解析：<p>font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。中文字体需要加英文状态下的引号，英文字体一般不需要加引号。</p> </p><p>为了更方便的控制网页中各种各样的字体，CSS提供了字体样式属性。下面选项中，设置字号大小书写正确的是（ ）。 [单选题] </p><p>A、{ font-size: 24px; }(正确答案) </p><p>B、{ font: 24px; } </p><p>C、{ fontSize: 24px; } </p><p>D、{ size: 24px; } 答案解析：<p>font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。</p> </p><p>当标记内嵌套标记时，就可以使用后代选择器对其中的标记进行控制，下列写法正确是（ ） [单选题] </p><p>A、strong p{color:red;} </p><p>B、p strong{color:red;}(正确答案) </p><p>C、strong,p{color:red;} </p><p>D、{color:red;} </p><p>答案解析：<p>后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。根据后代选择器的相关写法，因为是<p>标记嵌套了<strong>标记，因此正确的写法是B。</p> </p><p>下列选项中，符合后代选择器书写要求的是（ ） [单选题] </p><p>A、p strong{ font-weight:bold; }(正确答案) </p><p>B、{ font-weight:bold; } </p><p>C、p,strong{ font-weight:bold; } </p><p>D、p#div{ font-weight:bold; } </p><p>答案解析：<p>后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。B选项和D选项是标签指定选择器，C是并集选择器。</p> </p><p>使用标签指定式选择器，让段落应用class名为test的类，下列写法正确的是（ ） </p><p>[单选题] </p><p>A、.p .test{color:red;} </p><p>B、p#test{color:red;} </p><p>C、{color:red;}(正确答案) </p><p>D、.p,test{color:red;} 答案解析：<p>标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如l或p#one。因此，此处的写法正确的是：{color:red;}。</p> </p><p>下面的选项中,id选择器的基本语法格式正确的是（ ） [单选题] </p><p>A、. #id名{属性值1;属性值2;属性值3; } </p><p>B、#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}(正确答案) </p><p>C、#id名{属性1:属性值1，属性2:属性值2，属性3:属性值3} </p><p>D、#id名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; } </p><p>答案解析：<p>id选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下：</p><p>#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> </p><p>在CSS中，两个或多个基础选择器可以通过不同的方式进行组合。下列写法错误的是（ ）。 [单选题] </p><p>A、.myDiv .mySpan </p><p>B、myDiv .mySpan </p><p>C、 </p><p>D、.myDiv #myDiv(正确答案) </p><p>答案解析：<p>两个或多个基础选择器，可以通过不同的方式进行组合。D选项其实写法没有错，但是id选择器是唯一的，所以不加前面的.myDiv。</p> </p><p>下面的选项中, 类选择器的基本语法格式正确的是（ ） [单选题] </p><p>A、.类名{属性值1;属性值2;属性值3; } </p><p>B、.类名{属性1:属性值1，属性2:属性值2，属性3:属性值3} </p><p>C、.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}(正确答案) </p><p>D、.类名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; } </p><p>答案解析：<p>类选择器使用“.”（英文点号）进行标识，后面紧跟类名，其基本语法格式如下：</p><p>.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> 下面的选项中, 标记选择器的基本语法格式正确的是（ ） [单选题] </p><p>A、标记名{属性值1;属性值2;属性值3; } </p><p>B、标记名{属性1:属性值1，属性2:属性值2，属性3:属性值3} </p><p>C、标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}(正确答案) </p><p>D、标记名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; } </p><p>答案解析：<p>标记选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标记指定统一的CSS样式。其基本语法格式如下：</p><p>标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> </p><p>关于内嵌式CSS样式的语法格式中，下列选项正确的是（ ） [单选题] </p><p>A、选择器{k:v; k:v; k:v;}(正确答案) </p><p>B、选择器{k:v, k:v, k:v,} </p><p>C、选择器{k,v; k,v; k,v;} </p><p>D、选择器{k->v; k->v; k->v;} </p><p>答案解析：<p>内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中，并且用<style>标记定义，其基本语法格式如下：</p><p><head></p><p><style </p><p>type="text/css"></p><p>选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p><p></style></p><p></head></p> </p><p>关于行内式引入CSS样式表，以下书写正确的是（ ） [单选题] </p><p>A、<p style=font-size:12px; color:red;>段落文本</p> </p><p>B、<p style="font-size:12px, color:red;">段落文本</p> </p><p>C、<p style="font-size:12px; color:red;">段落文本</p>(正确答案) </p><p>D、<p style="font:12px; color:red;">段落文本</p> </p><p>答案解析：<p>行内式也称为内联样式，是通过标记的style属性来设置元素的样式，其基本语法格式如下：</p><p><标记名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标记名> </p> </p><p>下面的选项中, 行内式CSS样式的基本语法格式正确的是（ ） [单选题] A、<标记名 属性1:属性值1; 属性2:属性值2; ......> 内容 </标记名> </p><p>B、<标记名 style："属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名> </p><p>C、<标记名 style="属性1:属性值1, 属性2:属性值2,......"> 内容 </标记名> </p><p>D、<标记名 style="属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名>(正确答案) </p><p>答案解析：<p>CSS样式规则，具体格式如下：</p><p>选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p> </p><p>使用CSS时，需要遵从一定的规范。下面选项中，CSS样式书写正确的是（ ） </p><p>[单选题] </p><p>A、h1{font：12px;} </p><p>B、h1[font_size:12px;] </p><p>C、h1（font：size;） </p><p>D、h1{font-size：12px;}(正确答案) </p><p>答案解析：<p>使用CSS需要遵从一定的规范，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。CSS样式规则，具体格式如下： </p><p>选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p> </p><p>下面的选项中, CSS样式规则的具体格式正确的是（ ） [单选题] </p><p>A、选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3} </p><p>B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;} </p><p>C、选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}(正确答案) </p><p>D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3} </p><p>答案解析：<p>CSS样式规则，具体格式如下： </p><p>选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p> </p><p>下列选项中，属于并集选择器书写方式的是（ ） [单选题] </p><p>A、h1p{} B、h1_p{} </p><p>C、h1,p{}(正确答案) </p><p>D、h1-p{} </p><p>答案解析：并集选择器是各个选择器通过逗号连接而成的。 </p><p>下列选项中，符合标签指定式选择器的写法要求的是（ ） [单选题] </p><p>A、由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。(正确答案) </p><p>B、由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间必须有空格。 </p><p>C、由两个选择器构成，其中第一个为标记选择器，第二个必须为class选择器，两个选择器之间不能有空格。 </p><p>D、由两个选择器构成，其中第一个为标记选择器，第二个为id选择器，两个选择器之间必须有空格。 </p><p>答案解析：标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如l或p#one。 </p><p>在内嵌式CSS样式中，标记可以设置元素的样式，它一般位于（ ）标记中标记之后。 [单选题] </p><p>A、<h1> </p><p>B、<p> </p><p>C、<head>(正确答案) </p><p>D、<body> </p><p>HTML5中，（ ）元素经常与details 元素配合使用，作为details 元素的第一个子元素。 [单选题] </p><p>A、nav </p><p>B、header C、summary(正确答案) </p><p>D、footer </p><p>答案解析：<p>summary元素经常与details 元素配合使用，作为details 元素的第一个子元素。</p> </p><p>HTML5中（ ）元素可替代标记来定义页面底部。 [单选题] </p><p>A、nav </p><p>B、header </p><p>C、aside </p><p>D、footer(正确答案) </p><p>答案解析：<p>暂无解析</p> </p><p>在HTML5中，头部内容通常包含在以下哪个结构元素内。（ ） [单选题] </p><p>A、nav </p><p>B、header(正确答案) </p><p>C、aside </p><p>D、footer </p><p>答案解析：<p>TML5中的header元素是一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。</p> </p><p>在定义列表中，用于对名词进行解释和描述的标记是（ ） [单选题] </p><p>A、<dl></dl> </p><p>B、<li></li> </p><p>C、<dt></dt> </p><p>D、<dd></dd>(正确答案) 答案解析：<p><dl></dl>标记用于指定定义列表，<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中，其中，<dt></dt>标记用于指定术语名词，<dd></dd>标记用于对名词进行解释和描述。</p> </p><p>设定动画会在奇数次数正常播放，而在偶数次数逆向播放的代码为（ ）。 [单选题] </p><p>A、animation-direction:alternate;(正确答案) </p><p>B、animation-direction:normal; </p><p>C、animation-direction:true; </p><p>D、animation-direction:false; </p><p>答案解析：<p>animation-direction 属性初始值为normal，适用于所有的块元素和行内元素。该属性包括两个值，默认值normal表示动画每次都会正常显示。如果属性值是"alternate"，则动画会在奇数次数（1、3、5 等等）正常播放，而在偶数次数（2、4、6 等）逆向播放。</p> </p><p>认真阅读下列代码，并按要求进行作答。animation-name:mymove; /*定义动画名称*/animation-duration:5s; /*定义动画时间*/animation-timing-function:linear; /*定义动画速度曲线*/animation-delay:2s; /*定义动延迟时间*/animation-iteration-count:3; /*定义动画的播放次数*/animation-direction:alternate; /*定义动画播放的方向*/animation属性是一个复合属性，可以同时设置上述属性的代码为（ ）。 [单选题] </p><p>A、animation: mymove 3 2s linear 5s alternate; </p><p>B、animation: mymove linear 2s 5s 3 alternate; </p><p>C、animation: mymove 2s linear 5s 3 alternate; </p><p>D、animation: mymove 5s linear 2s 3 alternate;(正确答案) </p><p>答案解析：<p>animation属性也是一个简写属性，用于在一个属性中设置animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count和animation-direction六个动画属性。</p> 用于定义动画开始前将会延迟2秒的时间，然后才开始执行的代码是（ ）。 [单选题] </p><p>A、animation-duration:2s; </p><p>B、animation-timing-function:2s; </p><p>C、animation-delay:2s;(正确答案) </p><p>D、animation-direction:2s; </p><p>答案解析：<p>animation-delay属性用于定义执行动画效果之前延迟的时间，即规定动画什么时候开始。</p> </p><p>下列选项中，用于定义动画效果需要播放3次的代码是（ ）。 [单选题] </p><p>A、animation:3; </p><p>B、animation-timing-function:3; </p><p>C、animation-delay:3; </p><p>D、animation-iteration-count:3;(正确答案) </p><p>答案解析：<p>animation-iteration-count属性用于定义动画的播放次数。</p> </p><p>CSS3中，（ ）主要用来选择某个元素的第一级子元素。 [单选题] </p><p>A、子代选择器(正确答案) </p><p>B、兄弟选择器 </p><p>C、属性选择器 </p><p>D、伪类选择器 </p><p>答案解析：子代选择器主要用来选择某个元素的第一级子元素。 </p><p>CSS3中，（ ）选择器用于为父元素中的第一个子元素设置样式。 [单选题] </p><p>A、:last-child </p><p>B、:first-child(正确答案) C、:not </p><p>D、:nth-child（n） </p><p>答案解析：:first-child选择器和:last-child选择器分别用于为父元素中的第一个或者最后一个子元素设置样式。 </p><p>下列选项中，能够设置表单背景颜色的属性是（ ）。 [单选题] </p><p>A、size </p><p>B、padding </p><p>C、background-color(正确答案) </p><p>D、border </p><p>答案解析：给表单标记设置背景颜色的属性是background-color属性。 </p><p>下列选项中，用来定义下拉列表的是（ ）。 [单选题] </p><p>A、<input/> </p><p>B、<textarea></textarea> </p><p>C、<select></select>(正确答案) </p><p>D、<form> </p><p>答案解析：<select></select>用来定义下拉列表。 </p><p>与之间的表单控件是由用户自定义的。下列选项中，不属于表单标记常用属性的是（ ）。 [单选题] </p><p>A、action </p><p>B、size(正确答案) </p><p>C、method </p><p>D、name </p><p>答案解析：<form>与</form>之间的表单控件是由用户自定义的，action、method和name为表单标记<form>的常用属性。 在HTML5中，用于指定输入框中的内容是必须填写的input属性是（ ）。 [单选题] </p><p>A、required属性(正确答案) </p><p>B、autofocus属性 </p><p>C、multiple属性 </p><p>D、autocomplete属性 </p><p>答案解析：在HTML5中，required属性用于规定输入框填写的内容不能为空，否则不允许用户提交表单。 </p><p>下列选项中，用于指定表单是否有自动完成功能的属性是（ ） [单选题] </p><p>A、action </p><p>B、autocomplete(正确答案) </p><p>C、method </p><p>D、novalidate </p><p>答案解析：autocomplete属性用于指定表单是否有自动完成功能，所谓“自动完成”是指将表单控件输入的内容记录下来，当再次输入时，会将输入的历史记录显示在一个下拉列表里，以实现自动完成输入。 </p><p>下列选项中，专门用于定义输入搜索关键词的input元素类型是（ ）。 [单选题] </p><p>A、email类型 </p><p>B、search类型(正确答案) </p><p>C、number类型 </p><p>D、tel类型 </p><p>答案解析：search 类型是一种专门用于输入搜索关键词的文本框，它能自动记录一些字符，例如站点搜索或者Google搜索。 </p><p>HTML5中，用于指定页面加载后是否自动获取焦点的input属性是（ ）。 [单选题] A、form属性 </p><p>B、autofocus属性(正确答案) </p><p>C、multiple属性 </p><p>D、autocomplete属性 </p><p>答案解析：在HTML5中，autofocus属性用于指定页面加载后是否自动获取焦点，将标记的属性值指定为true时，表示页面加载完毕后会自动获取该焦点。 </p><p>下列选项中，（ ）不是audio元素中的属性。 [单选题] </p><p>A、autoplay </p><p>B、loop </p><p>C、preload </p><p>D、poster(正确答案) </p><p>答案解析：暂无解析 </p><p>下列选项中，用于定义动画播放次数的属性是（ ）。 [单选题] </p><p>A、animation-iteration-count属性(正确答案) </p><p>B、animation-timing-function属性 </p><p>C、animation-delay属性 </p><p>D、animation-direction属性 </p><p>答案解析：animation-iteration-count属性用于定义动画的播放次数。 </p><p>下列选项中，用于定义当前动画播放方向的属性是（ ）。 [单选题] </p><p>A、animation-iteration-count属性 </p><p>B、animation-timing-function属性 </p><p>C、animation-delay属性 D、animation-direction属性(正确答案) </p><p>答案解析：animation-direction属性定义当前动画播放的方向，即动画播放完成后是否逆向交替循环。 </p><p>下列选项中，能够旋转指定的元素对象的变形函数是（ ）。 [单选题] </p><p>A、translate（）方法 </p><p>B、scale（）方法 </p><p>C、skew（）方法 </p><p>D、rotate（）方法(正确答案) </p><p>答案解析：rotate（）方法能够旋转指定的元素对象，主要在二维空间内进行操作。该方法中的参数允许传入负值，这时元素将逆时针旋转。 </p><p>下列选项中，用于定义整个动画效果完成所需要时间的属性是（ ）。 [单选题] </p><p>A、animation-duration属性(正确答案) </p><p>B、animation-timing-function属性 </p><p>C、animation-delay属性 </p><p>D、animation-direction属性 </p><p>答案解析：animation-duration属性用于定义整个动画效果完成所需要的时间，以秒或毫秒计。 </p><p>在3D变形中，指定元素围绕Y轴旋转的函数是（ ）。 [单选题] </p><p>A、rotateX（）函数 </p><p>B、rotateY（）函数(正确答案) </p><p>C、rotateZ（）函数 </p><p>D、rotate3d（）方法 </p><p>答案解析：rotateY（）函数用于指定元素围绕Y轴旋转。 </p><p>下列选项中，用于定义执行动画效果之前延迟时间的属性是（ ）。 [单选题] A、animation-duration属性 </p><p>B、animation-timing-function属性 </p><p>C、animation-delay属性(正确答案) </p><p>D、animation-direction属性 </p><p>答案解析：animation-delay属性用于定义执行动画效果之前延迟的时间，即规定动画什么时候开始。 </p><p>下列选项中，用于规定动画的速度曲线的属性是（ ）。 [单选题] </p><p>A、animation-duration属性 </p><p>B、animation-timing-function属性(正确答案) </p><p>C、animation-delay属性 </p><p>D、animation-direction属性 </p><p>答案解析：animation-timing-function用来规定动画的速度曲线，可以定义使用哪种方式来执行动画效果 </p><p>下列选项中，用于指定应用过渡效果的CSS属性名称的属性是（ ）。 [单选题] </p><p>A、transition-property属性(正确答案) </p><p>B、transition-duration属性 </p><p>C、transition-timing-function属性 </p><p>D、transition-delay属性 </p><p>答案解析：transition-property 属性用于指定应用过渡效果的CSS属性的名称，其过渡效果通常在用户将指针移动到元素上时发生。 </p><p>transition-timing-function属性规定过渡效果的速度曲线，默认值为（ ）。 [单选题] </p><p>A、ease(正确答案) </p><p>B、linear C、ease-in </p><p>D、ease-out </p><p>答案解析：transition-timing-function属性规定过渡效果的速度曲线，默认值为"ease"。 </p><p>下列选项中，用于定义过渡效果花费时间的属性是（ ）。 [单选题] </p><p>A、transition-property属性 </p><p>B、transition-duration属性(正确答案) </p><p>C、transition-timing-function属性 </p><p>D、transition-delay属性 </p><p>答案解析：transition-duration属性用于定义过渡效果花费的时间，默认值为0，常用单位是秒（s）或者毫秒（ms）。 </p><p>下列选项中，属于animation-timing-function默认属性值的是（ ）。 [单选题] </p><p>A、ease(正确答案) </p><p>B、ease-in </p><p>C、ease-out </p><p>D、linear </p><p>答案解析：animation-timing-function的默认属性值为ease，适用于所有的块元素和行内元素。另外，animation-timing-function还包括linear、ease-in、ease-out、ease-in-out、cubic-bezier（n,n,n,n）等常用属性值。 </p><p>在3D变形中，指定元素围绕X轴旋转的函数是（ ）。 [单选题] </p><p>A、rotateX（）函数(正确答案) </p><p>B、rotateY（）函数 </p><p>C、rotateZ（）函数 </p><p>D、rotate3d（）方法 答案解析：rotateX（）函数用于指定元素围绕X轴旋转。 </p><p>下列选项中，用于规定过渡效果何时开始的属性是（ ）。 [单选题] </p><p>A、transition-property属性 </p><p>B、transition-duration属性 </p><p>C、transition-timing-function属性 </p><p>D、transition-delay属性(正确答案) </p><p>答案解析：transition-delay属性规定过渡效果何时开始，默认值为0，常用单位是秒（s）或者毫秒（ms）。 </p><p>下列选项中，能够让元素倾斜显示的变形函数是（ ）。 [单选题] </p><p>A、translate（）方法 </p><p>B、scale（）方法 </p><p>C、skew（）方法(正确答案) </p><p>D、rotate（）方法 </p><p>答案解析：skew（）方法能够让元素倾斜显示，该函数包含两个参数值，分别用来定义X轴和Y轴坐标倾斜的角度。 </p><p>按照网页中常见的命名规范，属于底部版权注释代码的是（ ） [单选题] </p><p>A、/*nav*/ </p><p>B、/*footer*/(正确答案) </p><p>C、/*content*/ </p><p>D、/*banner*/ </p><p>答案解析：/*nav*/是导航栏的样式代码注释，/*footer*/是底部版权区域的样式代码注释，/*content*/是主体内容的样式代码注释，/*banner*/是焦点图的样式代码注释。 </p><p>按照网页中常见的命名规范，通常底部版权区域命名为（ ） [单选题] </p><p>A、content B、footer(正确答案) </p><p>C、content </p><p>D、banner </p><p>答案解析：按照网页中常见的命名规范，通常底部版权区域命名为footer。 </p><p>下面选项中，可以将HTML5页面的标题设置为“传智播客”的是（ ）。 [单选题] </p><p>A、<head>传智播客</head> </p><p>B、<title>传智播客(正确答案)
C、传智播客
D、传智播客
答案解析：
标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其他位于文档头部的标记。
即是<head>标记封装的一个标记，用来设置页面的标题。 </p><p>下列标记中，用于定义HTML5文档所要显示内容的是（ ）。 [单选题] </p><p>A、<head></head> </p><p>B、<body></body>(正确答案) </p><p>C、<html></html> </p><p>D、<title> 答案解析：
标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于标记内，标记中的信息才是最终展示给用户看的。
位于HTML5文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是（ ）。 [单选题]
A、(正确答案)
B、
C、
D、
答案解析： 标记位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，如《HTML5+CSS3网站设计基础教程》这本书中使用的是HTML5文档。
在Dreamweaer中，使用主浏览器预览网页的快捷键是（ ）。 [单选题]
A、f9
B、f10
C、f12(正确答案)
D、ctrl+f12
答案解析：使用主浏览器预览网页的快捷键是F12。
下列选项中，对HTML5新功能和新特性支持最好的浏览器是（ ）。 [单选题]
A、IE浏览器
B、火狐浏览器
C、Google浏览器(正确答案)
D、Opera浏览器
答案解析：由于谷歌浏览器对HTML5及CSS3的兼容性支持较好，而且调试网页非常方便，所以在HTML5网页制作过程中谷歌浏览器是最常用的浏览器。
在Dreamweaver中，使用次浏览器预览网页的快捷键是（ ）。 [单选题]
A、Ctrl+S
B、F12
C、F5
D、Ctrl+F12(正确答案) 答案解析：在Dreamweaver中，使用主浏览器预览网页的快捷键是F12，一般把IE浏览器或谷歌浏览器设为次浏览器，快捷键Ctrl+F12。
在HTML5中，代码，可以简写为（ ）。 [单选题]
A、(正确答案)
B、
C、
D、
答案解析：在HTML5中，部分标志性属性的属性值可以省略。例如：
可以省略为：
2023年6月20日发(作者：)
HTML/CSS单选题型
姓名：
班级：
六位学号:
________________________
________________________
________________________
页面上的div标签，其HTML结构如下： 传智播客对应的CSS样式代码如下：#father .son{ color:red;}#father p{ color:blue;}div .son{ color:yellow; }div
p{ color:green;}那么，文字的颜色将显示为（ ） [单选题]
A、红色(正确答案)
B、蓝色
C、黄色
D、
绿色
答案解析：
定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。CSS为每一种基础选择器都分配了一个权重，其中，标记选择器具有权重1，类选择器具有权重10，id选择器具有权重100。下面，计算题目中四个选择器的权重如下：
#fater #son的权重是200
#father p
的权重是101
div .son 的权重是11
div p 的权重是2
所以，文字颜色应该以权重最高的#father #son设置的样式为准，显示为红色。
若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（ ） [单选题]
A、
B、#
C、list#one D、#one(正确答案)
答案解析：创建锚点链接时，应该先写链接页面再写锚点名称。
下列选项中，字号最大的是哪一项？（ ） [单选题]
A、
(正确答案)
B、
C、
D、
答案解析：HTML提供了6个等级的标题，即
、、、、和，从到字号依次递减。
在网页中插入图像，若图像文件位于html文件的上两级文件夹，则在文件名之前加入（ ） [单选题]
A、../
B、/
C、./
D、../../(正确答案)
答案解析：图像文件位于html文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如。
标记链接图片的属性是（ ）。 [单选题]
A、src(正确答案)
B、alt
C、width
D、height
答案解析：src属性用于指定图像文件的路径和文件名，他是img标记的必需属性。
下列属性中，用于设置鼠标悬停时图像的提示文字的是哪一项？（ ） [单选题] A、title(正确答案)
B、alt
C、width
D、height
答案解析：用于设置鼠标悬停时图像的提示文字的属性是title属性。
下列选项中，不是标记属性的是（ ） [单选题]
A、src
B、alt
C、width
D、href(正确答案)
答案解析：ABC三项都是标记的属性，只有D选项不是。
以下标示符中，用于设置页面标题的是（ ）。 [单选题]
A、
(正确答案) </p><p>B、<caption> </p><p>C、<head> </p><p>D、<html> </p><p>答案解析：<title>标记用于定义HTML页面的标题，即给网页取一个名字，必须位于<head>标记之内。 </p><p>网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS书写正确的是（ ） [单选题] </p><p>A、 </p><p>B、 </p><p>C、(正确答案) D、 </p><p>答案解析：在网页中插入图像，若图像文件位于html文件的下一级文件夹，则需输入文件夹名和文件名，之间用“/”隔开。 </p><p>在HTML中，用于设置页面元信息的标示符是（ ）。 [单选题] </p><p>A、<title> </p><p>B、<base> </p><p>C、<head> </p><p>D、<meta>(正确答案) </p><p>答案解析：答案说明 <meta />标记用于定义页面的元信息，可重复出现在<head>头部标记中。 </p><p>下面的选项中，属于常用的图片格式并且能够做动画的是（ ）。 [单选题] </p><p>A、jpg格式 </p><p>B、gif格式(正确答案) </p><p>C、psd格式 </p><p>D、png格式 </p><p>答案解析：网页上常用的图像格式主要有GIF、JPG和PNG三种，而没有psd格式。但是，能支持动画的只有GIF格式。 </p><p>下列关于特殊字符的说法不正确的是（ ） [单选题] </p><p>A、特殊字符的代码通常由前缀"&"、字符名称和后缀为英文状态下的";"组成 </p><p>B、可以通过菜单栏直接插入相应特殊字符的代码 </p><p>C、转义序列各字符间可以有空格(正确答案) </p><p>D、转义序列必须以分号结束 </p><p>答案解析：特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成。在网页中使用这些特殊字符时只需输入相应的代码替代即可。另外，在Dreamweaver中，还可以通过菜单栏中的【插入】→【HTML】→【特殊字符】选项直接插入相应特殊字符的代码。另外，转义序列各字符间不能有空格，并且转义序列必须以分号结束。 </p><p>在HTML中，表示内嵌CSS样式的标记是（ ）。 [单选题] </p><p>A、<title> </p><p>B、<style>(正确答案) </p><p>C、<head> </p><p>D、<meta> </p><p>答案解析：在HTML中使用style标记表示使用内嵌式的CSS样式。 </p><p>下面标记中，用来显示段落的标记是（ ）。 [单选题] </p><p>A、<h1> </p><p>B、<br/> </p><p>C、 </p><p>D、<p>(正确答案) </p><p>答案解析：<h1>标记是标题标记，<br />是换行标记，是图像标记，只有<p>是段落标记。 </p><p>在HTML文档头部标记中，使用标记的name和content属性可以为搜索引擎提供信息。设置网页关键字的name属性值应该为（ ）。 [单选题] </p><p>A、keywords(正确答案) </p><p>B、description </p><p>C、charset </p><p>D、expires </p><p>答案解析："keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类，name属性用来设置关键字。 </p><p>若要在网页中插入样式表，以下用法中正确的是（ ） [单选题] A、<linksrc=""type="text/css"rel="stylesheet"> </p><p>B、<includehref=""type="text/css"rel="stylesheet"> </p><p>C、<linkhref=""type="text/css"> </p><p>D、<linkhref=""type="text/css"rel="stylesheet">(正确答案) </p><p>答案解析：使用<link>标记引用外部CSS样式表：</p><p><link rel="stylesheet" type="text/css" href="" /></p><p>上面的代码，表示引用当前HTML页面所在文件夹中，文件名为“”的CSS样式表文件。 </p><p>在网页中插入图像，若图像文件位于html文件的上两级文件夹，则在文件名之前加入（ ） [单选题] </p><p>A、../ </p><p>B、/ </p><p>C、./ </p><p>D、../../(正确答案) </p><p>答案解析：图像文件位于html文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如。 </p><p>下面标记中，表示换行的标记是（ ）。 [单选题] </p><p>A、<h1> </p><p>B、<enter> </p><p>C、<br />(正确答案) </p><p>D、<hr /> </p><p>答案解析：<p><h1>用来设置字体样式，<enter>标记不存在，<hr>表示一条水平线，<br/>表示换行。</p> </p><p>下列选项中，不属于文本标记属性的是（ ）。 [单选题] </p><p>A、nbsp;(正确答案) B、align </p><p>C、color </p><p>D、face </p><p>答案解析：<p>align、color、face都是<p>标记的属性，只有“nbsp;”不是。</p> </p><p>在下列选项中，background-position属性值书写正确的是（ ）。 [单选题] </p><p>A、p{ background-position:left top; }(正确答案) </p><p>B、p{ background-position:left 10; } </p><p>C、p{ background-position:10 top ;} </p><p>D、p{ background-position:top 10 ;} </p><p>答案解析：<p>背景图像在元素中的对齐方式有3中，分别是使用数值、使用预定义的关键字、使用百分比。 但是在定义元素对齐方式中，数值、关键字和百分比不能混用。</p> </p><p>下列选项中，用于改变盒子模型外边距的是（ ）。 [单选题] </p><p>A、margin(正确答案) </p><p>B、padding </p><p>C、type </p><p>D、border </p><p>答案解析：<p>暂无解析</p> </p><p>下列选项中，用于更改元素左内边距的是（ ）。 [单选题] </p><p>A、text-indent </p><p>B、padding-left(正确答案) </p><p>C、margin-left </p><p>D、padding-right 答案解析：<p>在CSS中padding属性用于设置内边距，方法如下：</p><p>padding-top:上内边距;</p><p>padding-right:右内边距;</p><p>padding-bottom:下内边距;</p><p>padding-left:左内边距;</p> </p><p>关于盒子模型中的宽度和高度属性，下面说法正确的是（ ）。 [单选题] </p><p>A、盒子模型中的宽度和高度属性适用于所有元素 </p><p>B、盒子模型中的宽度和高度属性仅适用于行内元素 </p><p>C、盒子模型中的宽度和高度属性仅适用于块级元素(正确答案) </p><p>D、以上说法都正确 </p><p>答案解析：<p>宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（标记和<input />除外）。</p> </p><p>关于样式代码“.box{width:200px; padding:15px; margin:20px;}”下列说法正确的是（ ）。 [单选题] </p><p>A、.box的总宽度为200px </p><p>B、.box的总宽度为 270px(正确答案) </p><p>C、.box的总宽度为 235px </p><p>D、以上说法均错误 </p><p>答案解析：<p>盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和</p><p>所以，.box的总宽度= width（200px）+左右内边距（15px*2）+左右外边距（20px*2）=270px</p> </p><p>一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（ ） [单选题] </p><p>A、333px </p><p>B、366px </p><p>C、336px(正确答案) </p><p>D、363px 答案解析：<p>盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和</p><p>所以，盒子的总宽度= width（300px）+左内边距（30px）+左右边框宽度之和（3px*2）=336px</p> </p><p>下列样式代码中，可以将块元素转换为行内元素的是（ ）。 [单选题] </p><p>A、display:none; </p><p>B、display:block; </p><p>C、display:inline-block; </p><p>D、display:inline;(正确答案) </p><p>答案解析：<p>display属性常用的属性值及含义如下：</p><p>inline：此元素将显示为行内元素（行内元素默认的display属性值）。</p><p>block：此元素将显示为块元素（块元素默认的display属性值）。</p><p>inline-block：此元素将显示为行内块元素，可以对其设置宽高和对齐等属性，但是该元素不会独占一行。</p><p>none：此元素将被隐藏，不显示，也不占用页面空间，相当于该元素不存在。</p> </p><p>标记是网页布局中常见的标记，其显示类型为（ ）。 [单选题] </p><p>A、块级类型 </p><p>B、行内类型(正确答案) </p><p>C、行内块类型 </p><p>D、浮动类型 </p><p>答案解析：<p>常见的行内元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等，其中<span>标记是最典型的行内元素。</p> </p><p>下列样式代码中，可以将标记转换为块元素的是（ ）。 [单选题] </p><p>A、display:none; </p><p>B、display:block;(正确答案) </p><p>C、display:inline-block; </p><p>D、display:inline; 答案解析：<p>display属性常用的属性值及含义如下：</p><p>inline：此元素将显示为行内元素（行内元素默认的display属性值）。</p><p>block：此元素将显示为块元素（块元素默认的display属性值）。</p><p>inline-block：此元素将显示为行内块元素，可以对其设置宽高和对齐等属性，但是该元素不会独占一行。</p><p>none：此元素将被隐藏，不显示，也不占用页面空间，相当于该元素不存在。</p> </p><p>标记是网页布局中最常用的标记，其显示类型为（ ）。 [单选题] </p><p>A、块级类型(正确答案) </p><p>B、行内类型 </p><p>C、行内块类型 </p><p>D、浮动类型 </p><p>答案解析：<p>常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标记是最典型的块元素，常用于网页布局和网页结构的搭建。</p> </p><p>下列样式代码中，可以实现绝对定位模式的是（ ）。 [单选题] </p><p>A、position: static; </p><p>B、position: fixed; </p><p>C、position: absolute;(正确答案) </p><p>D、position: relative; </p><p>答案解析：<p>position属性的常用值有四个，分别表示不同的定位模式：</p><p>static：自动定位（默认定位方式）。</p><p>relative：相对定位，相对于其原文档流的位置进行定位。</p><p>absolute：绝对定位，相对于其上一个已经定位的父元素进行定位。</p><p>fixed：固定定位，相对于浏览器窗口进行定位。</p> </p><p>可以将元素的定位模式设置为相对定位方式的是（ ）。 [单选题] </p><p>A、position: static; </p><p>B、position: relative;(正确答案) </p><p>C、position: absolute; D、position: fixed; </p><p>答案解析：<p>相对定位是将元素相对于它在标准文档流中的位置进行定位，当position属性的取值为relative时，可以将元素定位于相对位置。</p> </p><p>下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（ ）。 [单选题] </p><p>A、overflow:visible; </p><p>B、overflow: hidden;(正确答案) </p><p>C、overflow: auto; </p><p>D、overflow: scroll; </p><p>答案解析：<p>overflow属性的常用值有四个，分别表示不同的含义：</p><p>visible：内容不会被修剪，会呈现在元素框之外（默认值）。</p><p>hidden：溢出内容会被修剪，并且被修剪的内容是不可见的。</p><p>auto：在需要时产生滚动条，即自适应所要显示的内容。</p><p>scroll：溢出内容会被修剪，且浏览器会始终显示滚动条。</p> </p><p>页面上的div标签，其HTML代码为文字，为其设置CSS样式如下：#box{ color:blue;}那么，文字的颜色将显示为 （ ） [单选题] </p><p>A、红色(正确答案) </p><p>B、蓝色 </p><p>C、黑色 </p><p>D、以上选项都不正确 </p><p>答案解析：<p>不同的选择器对同一个元素设置文本颜色时，浏览器会根据选择器的优先级规则解析CSS样式。题目中的div标签，其行内样式设置文字为红色，id选择器样式设置文字为蓝色。由于id选择器的权重小于行内样式，所以文字颜色显示为红色。</p><p>一般来说，选择器权重优先顺序为：行内样式> id选择器>类选择器>标签选择器。</p> </p><p>页面上的div标签，其HTML代码为文字，为其设置CSS样式如下：#box{ color:blue;}.red{ color:red;}那么，文字的颜色将显示为 （ ） [单选题] A、红色 </p><p>B、蓝色(正确答案) </p><p>C、黑色 </p><p>D、白色 </p><p>答案解析：<p>使用不同的选择器对同一个元素设置文本颜色时，浏览器会根据选择器的优先级规则解析CSS样式。题目中的id选择器#box和类选择器.red都同时作用在了div标签上，由于id选择器的权重大于class选择器的权重，所以文字的颜色将以#box设置的为准，显示为蓝色。</p> </p><p>如果使用内嵌式CSS样式表定义标记字号为12像素，链入式定义标记颜色为红色，那么段落文本将显示为（ ） [单选题] </p><p>A、只显示12像素 </p><p>B、12像素红色(正确答案) </p><p>C、只显示红色 </p><p>D、以上都不正确 </p><p>答案解析：<p>本题考查的是CSS层叠性。所谓层叠性是指多种CSS样式的叠加。当使用内嵌式CSS样式表定义<p>标记字号大小为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。</p> </p><p>text-transform属性用于控制英文字符的大小写。下列选项中，不属于其属性值的是（ ）。 [单选题] </p><p>A、capitalize </p><p>B、line-through(正确答案) </p><p>C、lowercase </p><p>D、uppercase </p><p>答案解析：<p>text-transform属性用于控制英文字符的大小写，其可用属性值如下：</p><p>1） none：不转换（默认值）；</p><p>2） capitalize：首字母大写；</p><p>3） uppercase：全部字符转换为大写；</p><p>4） lowercase：全部字符转换为小写；</p> </p><p>在CSS中，用于设置首行文本缩进的属性是（ ） [单选题] </p><p>A、text-decoration </p><p>B、text-align </p><p>C、text-transform </p><p>D、text-indent(正确答案) </p><p>答案解析：<p>text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果；text-align属性用于设置文本内容的水平对齐；text-transform属性用于控制英文字符的大小写；text-indent属性用于设置首行文本的缩进。故选D</p> </p><p>在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（ ）。 [单选题] </p><p>A、{font-family: 黑体;} </p><p>B、{font-family: “黑体”;}(正确答案) </p><p>C、{fontFamily: “黑体”;} </p><p>D、{font-Family: “黑体”;} </p><p>答案解析：<p>font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。中文字体需要加英文状态下的引号，英文字体一般不需要加引号。</p> </p><p>为了更方便的控制网页中各种各样的字体，CSS提供了字体样式属性。下面选项中，设置字号大小书写正确的是（ ）。 [单选题] </p><p>A、{ font-size: 24px; }(正确答案) </p><p>B、{ font: 24px; } </p><p>C、{ fontSize: 24px; } </p><p>D、{ size: 24px; } 答案解析：<p>font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。</p> </p><p>当标记内嵌套标记时，就可以使用后代选择器对其中的标记进行控制，下列写法正确是（ ） [单选题] </p><p>A、strong p{color:red;} </p><p>B、p strong{color:red;}(正确答案) </p><p>C、strong,p{color:red;} </p><p>D、{color:red;} </p><p>答案解析：<p>后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。根据后代选择器的相关写法，因为是<p>标记嵌套了<strong>标记，因此正确的写法是B。</p> </p><p>下列选项中，符合后代选择器书写要求的是（ ） [单选题] </p><p>A、p strong{ font-weight:bold; }(正确答案) </p><p>B、{ font-weight:bold; } </p><p>C、p,strong{ font-weight:bold; } </p><p>D、p#div{ font-weight:bold; } </p><p>答案解析：<p>后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。B选项和D选项是标签指定选择器，C是并集选择器。</p> </p><p>使用标签指定式选择器，让段落应用class名为test的类，下列写法正确的是（ ） </p><p>[单选题] </p><p>A、.p .test{color:red;} </p><p>B、p#test{color:red;} </p><p>C、{color:red;}(正确答案) </p><p>D、.p,test{color:red;} 答案解析：<p>标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如l或p#one。因此，此处的写法正确的是：{color:red;}。</p> </p><p>下面的选项中,id选择器的基本语法格式正确的是（ ） [单选题] </p><p>A、. #id名{属性值1;属性值2;属性值3; } </p><p>B、#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}(正确答案) </p><p>C、#id名{属性1:属性值1，属性2:属性值2，属性3:属性值3} </p><p>D、#id名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; } </p><p>答案解析：<p>id选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下：</p><p>#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> </p><p>在CSS中，两个或多个基础选择器可以通过不同的方式进行组合。下列写法错误的是（ ）。 [单选题] </p><p>A、.myDiv .mySpan </p><p>B、myDiv .mySpan </p><p>C、 </p><p>D、.myDiv #myDiv(正确答案) </p><p>答案解析：<p>两个或多个基础选择器，可以通过不同的方式进行组合。D选项其实写法没有错，但是id选择器是唯一的，所以不加前面的.myDiv。</p> </p><p>下面的选项中, 类选择器的基本语法格式正确的是（ ） [单选题] </p><p>A、.类名{属性值1;属性值2;属性值3; } </p><p>B、.类名{属性1:属性值1，属性2:属性值2，属性3:属性值3} </p><p>C、.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}(正确答案) </p><p>D、.类名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; } </p><p>答案解析：<p>类选择器使用“.”（英文点号）进行标识，后面紧跟类名，其基本语法格式如下：</p><p>.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> 下面的选项中, 标记选择器的基本语法格式正确的是（ ） [单选题] </p><p>A、标记名{属性值1;属性值2;属性值3; } </p><p>B、标记名{属性1:属性值1，属性2:属性值2，属性3:属性值3} </p><p>C、标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}(正确答案) </p><p>D、标记名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; } </p><p>答案解析：<p>标记选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标记指定统一的CSS样式。其基本语法格式如下：</p><p>标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }</p> </p><p>关于内嵌式CSS样式的语法格式中，下列选项正确的是（ ） [单选题] </p><p>A、选择器{k:v; k:v; k:v;}(正确答案) </p><p>B、选择器{k:v, k:v, k:v,} </p><p>C、选择器{k,v; k,v; k,v;} </p><p>D、选择器{k->v; k->v; k->v;} </p><p>答案解析：<p>内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中，并且用<style>标记定义，其基本语法格式如下：</p><p><head></p><p><style </p><p>type="text/css"></p><p>选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p><p></style></p><p></head></p> </p><p>关于行内式引入CSS样式表，以下书写正确的是（ ） [单选题] </p><p>A、<p style=font-size:12px; color:red;>段落文本</p> </p><p>B、<p style="font-size:12px, color:red;">段落文本</p> </p><p>C、<p style="font-size:12px; color:red;">段落文本</p>(正确答案) </p><p>D、<p style="font:12px; color:red;">段落文本</p> </p><p>答案解析：<p>行内式也称为内联样式，是通过标记的style属性来设置元素的样式，其基本语法格式如下：</p><p><标记名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标记名> </p> </p><p>下面的选项中, 行内式CSS样式的基本语法格式正确的是（ ） [单选题] A、<标记名 属性1:属性值1; 属性2:属性值2; ......> 内容 </标记名> </p><p>B、<标记名 style："属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名> </p><p>C、<标记名 style="属性1:属性值1, 属性2:属性值2,......"> 内容 </标记名> </p><p>D、<标记名 style="属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名>(正确答案) </p><p>答案解析：<p>CSS样式规则，具体格式如下：</p><p>选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p> </p><p>使用CSS时，需要遵从一定的规范。下面选项中，CSS样式书写正确的是（ ） </p><p>[单选题] </p><p>A、h1{font：12px;} </p><p>B、h1[font_size:12px;] </p><p>C、h1（font：size;） </p><p>D、h1{font-size：12px;}(正确答案) </p><p>答案解析：<p>使用CSS需要遵从一定的规范，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。CSS样式规则，具体格式如下： </p><p>选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p> </p><p>下面的选项中, CSS样式规则的具体格式正确的是（ ） [单选题] </p><p>A、选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3} </p><p>B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;} </p><p>C、选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}(正确答案) </p><p>D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3} </p><p>答案解析：<p>CSS样式规则，具体格式如下： </p><p>选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</p> </p><p>下列选项中，属于并集选择器书写方式的是（ ） [单选题] </p><p>A、h1p{} B、h1_p{} </p><p>C、h1,p{}(正确答案) </p><p>D、h1-p{} </p><p>答案解析：并集选择器是各个选择器通过逗号连接而成的。 </p><p>下列选项中，符合标签指定式选择器的写法要求的是（ ） [单选题] </p><p>A、由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。(正确答案) </p><p>B、由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间必须有空格。 </p><p>C、由两个选择器构成，其中第一个为标记选择器，第二个必须为class选择器，两个选择器之间不能有空格。 </p><p>D、由两个选择器构成，其中第一个为标记选择器，第二个为id选择器，两个选择器之间必须有空格。 </p><p>答案解析：标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如l或p#one。 </p><p>在内嵌式CSS样式中，标记可以设置元素的样式，它一般位于（ ）标记中标记之后。 [单选题] </p><p>A、<h1> </p><p>B、<p> </p><p>C、<head>(正确答案) </p><p>D、<body> </p><p>HTML5中，（ ）元素经常与details 元素配合使用，作为details 元素的第一个子元素。 [单选题] </p><p>A、nav </p><p>B、header C、summary(正确答案) </p><p>D、footer </p><p>答案解析：<p>summary元素经常与details 元素配合使用，作为details 元素的第一个子元素。</p> </p><p>HTML5中（ ）元素可替代标记来定义页面底部。 [单选题] </p><p>A、nav </p><p>B、header </p><p>C、aside </p><p>D、footer(正确答案) </p><p>答案解析：<p>暂无解析</p> </p><p>在HTML5中，头部内容通常包含在以下哪个结构元素内。（ ） [单选题] </p><p>A、nav </p><p>B、header(正确答案) </p><p>C、aside </p><p>D、footer </p><p>答案解析：<p>TML5中的header元素是一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。</p> </p><p>在定义列表中，用于对名词进行解释和描述的标记是（ ） [单选题] </p><p>A、<dl></dl> </p><p>B、<li></li> </p><p>C、<dt></dt> </p><p>D、<dd></dd>(正确答案) 答案解析：<p><dl></dl>标记用于指定定义列表，<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中，其中，<dt></dt>标记用于指定术语名词，<dd></dd>标记用于对名词进行解释和描述。</p> </p><p>设定动画会在奇数次数正常播放，而在偶数次数逆向播放的代码为（ ）。 [单选题] </p><p>A、animation-direction:alternate;(正确答案) </p><p>B、animation-direction:normal; </p><p>C、animation-direction:true; </p><p>D、animation-direction:false; </p><p>答案解析：<p>animation-direction 属性初始值为normal，适用于所有的块元素和行内元素。该属性包括两个值，默认值normal表示动画每次都会正常显示。如果属性值是"alternate"，则动画会在奇数次数（1、3、5 等等）正常播放，而在偶数次数（2、4、6 等）逆向播放。</p> </p><p>认真阅读下列代码，并按要求进行作答。animation-name:mymove; /*定义动画名称*/animation-duration:5s; /*定义动画时间*/animation-timing-function:linear; /*定义动画速度曲线*/animation-delay:2s; /*定义动延迟时间*/animation-iteration-count:3; /*定义动画的播放次数*/animation-direction:alternate; /*定义动画播放的方向*/animation属性是一个复合属性，可以同时设置上述属性的代码为（ ）。 [单选题] </p><p>A、animation: mymove 3 2s linear 5s alternate; </p><p>B、animation: mymove linear 2s 5s 3 alternate; </p><p>C、animation: mymove 2s linear 5s 3 alternate; </p><p>D、animation: mymove 5s linear 2s 3 alternate;(正确答案) </p><p>答案解析：<p>animation属性也是一个简写属性，用于在一个属性中设置animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count和animation-direction六个动画属性。</p> 用于定义动画开始前将会延迟2秒的时间，然后才开始执行的代码是（ ）。 [单选题] </p><p>A、animation-duration:2s; </p><p>B、animation-timing-function:2s; </p><p>C、animation-delay:2s;(正确答案) </p><p>D、animation-direction:2s; </p><p>答案解析：<p>animation-delay属性用于定义执行动画效果之前延迟的时间，即规定动画什么时候开始。</p> </p><p>下列选项中，用于定义动画效果需要播放3次的代码是（ ）。 [单选题] </p><p>A、animation:3; </p><p>B、animation-timing-function:3; </p><p>C、animation-delay:3; </p><p>D、animation-iteration-count:3;(正确答案) </p><p>答案解析：<p>animation-iteration-count属性用于定义动画的播放次数。</p> </p><p>CSS3中，（ ）主要用来选择某个元素的第一级子元素。 [单选题] </p><p>A、子代选择器(正确答案) </p><p>B、兄弟选择器 </p><p>C、属性选择器 </p><p>D、伪类选择器 </p><p>答案解析：子代选择器主要用来选择某个元素的第一级子元素。 </p><p>CSS3中，（ ）选择器用于为父元素中的第一个子元素设置样式。 [单选题] </p><p>A、:last-child </p><p>B、:first-child(正确答案) C、:not </p><p>D、:nth-child（n） </p><p>答案解析：:first-child选择器和:last-child选择器分别用于为父元素中的第一个或者最后一个子元素设置样式。 </p><p>下列选项中，能够设置表单背景颜色的属性是（ ）。 [单选题] </p><p>A、size </p><p>B、padding </p><p>C、background-color(正确答案) </p><p>D、border </p><p>答案解析：给表单标记设置背景颜色的属性是background-color属性。 </p><p>下列选项中，用来定义下拉列表的是（ ）。 [单选题] </p><p>A、<input/> </p><p>B、<textarea></textarea> </p><p>C、<select></select>(正确答案) </p><p>D、<form> </p><p>答案解析：<select></select>用来定义下拉列表。 </p><p>与之间的表单控件是由用户自定义的。下列选项中，不属于表单标记常用属性的是（ ）。 [单选题] </p><p>A、action </p><p>B、size(正确答案) </p><p>C、method </p><p>D、name </p><p>答案解析：<form>与</form>之间的表单控件是由用户自定义的，action、method和name为表单标记<form>的常用属性。 在HTML5中，用于指定输入框中的内容是必须填写的input属性是（ ）。 [单选题] </p><p>A、required属性(正确答案) </p><p>B、autofocus属性 </p><p>C、multiple属性 </p><p>D、autocomplete属性 </p><p>答案解析：在HTML5中，required属性用于规定输入框填写的内容不能为空，否则不允许用户提交表单。 </p><p>下列选项中，用于指定表单是否有自动完成功能的属性是（ ） [单选题] </p><p>A、action </p><p>B、autocomplete(正确答案) </p><p>C、method </p><p>D、novalidate </p><p>答案解析：autocomplete属性用于指定表单是否有自动完成功能，所谓“自动完成”是指将表单控件输入的内容记录下来，当再次输入时，会将输入的历史记录显示在一个下拉列表里，以实现自动完成输入。 </p><p>下列选项中，专门用于定义输入搜索关键词的input元素类型是（ ）。 [单选题] </p><p>A、email类型 </p><p>B、search类型(正确答案) </p><p>C、number类型 </p><p>D、tel类型 </p><p>答案解析：search 类型是一种专门用于输入搜索关键词的文本框，它能自动记录一些字符，例如站点搜索或者Google搜索。 </p><p>HTML5中，用于指定页面加载后是否自动获取焦点的input属性是（ ）。 [单选题] A、form属性 </p><p>B、autofocus属性(正确答案) </p><p>C、multiple属性 </p><p>D、autocomplete属性 </p><p>答案解析：在HTML5中，autofocus属性用于指定页面加载后是否自动获取焦点，将标记的属性值指定为true时，表示页面加载完毕后会自动获取该焦点。 </p><p>下列选项中，（ ）不是audio元素中的属性。 [单选题] </p><p>A、autoplay </p><p>B、loop </p><p>C、preload </p><p>D、poster(正确答案) </p><p>答案解析：暂无解析 </p><p>下列选项中，用于定义动画播放次数的属性是（ ）。 [单选题] </p><p>A、animation-iteration-count属性(正确答案) </p><p>B、animation-timing-function属性 </p><p>C、animation-delay属性 </p><p>D、animation-direction属性 </p><p>答案解析：animation-iteration-count属性用于定义动画的播放次数。 </p><p>下列选项中，用于定义当前动画播放方向的属性是（ ）。 [单选题] </p><p>A、animation-iteration-count属性 </p><p>B、animation-timing-function属性 </p><p>C、animation-delay属性 D、animation-direction属性(正确答案) </p><p>答案解析：animation-direction属性定义当前动画播放的方向，即动画播放完成后是否逆向交替循环。 </p><p>下列选项中，能够旋转指定的元素对象的变形函数是（ ）。 [单选题] </p><p>A、translate（）方法 </p><p>B、scale（）方法 </p><p>C、skew（）方法 </p><p>D、rotate（）方法(正确答案) </p><p>答案解析：rotate（）方法能够旋转指定的元素对象，主要在二维空间内进行操作。该方法中的参数允许传入负值，这时元素将逆时针旋转。 </p><p>下列选项中，用于定义整个动画效果完成所需要时间的属性是（ ）。 [单选题] </p><p>A、animation-duration属性(正确答案) </p><p>B、animation-timing-function属性 </p><p>C、animation-delay属性 </p><p>D、animation-direction属性 </p><p>答案解析：animation-duration属性用于定义整个动画效果完成所需要的时间，以秒或毫秒计。 </p><p>在3D变形中，指定元素围绕Y轴旋转的函数是（ ）。 [单选题] </p><p>A、rotateX（）函数 </p><p>B、rotateY（）函数(正确答案) </p><p>C、rotateZ（）函数 </p><p>D、rotate3d（）方法 </p><p>答案解析：rotateY（）函数用于指定元素围绕Y轴旋转。 </p><p>下列选项中，用于定义执行动画效果之前延迟时间的属性是（ ）。 [单选题] A、animation-duration属性 </p><p>B、animation-timing-function属性 </p><p>C、animation-delay属性(正确答案) </p><p>D、animation-direction属性 </p><p>答案解析：animation-delay属性用于定义执行动画效果之前延迟的时间，即规定动画什么时候开始。 </p><p>下列选项中，用于规定动画的速度曲线的属性是（ ）。 [单选题] </p><p>A、animation-duration属性 </p><p>B、animation-timing-function属性(正确答案) </p><p>C、animation-delay属性 </p><p>D、animation-direction属性 </p><p>答案解析：animation-timing-function用来规定动画的速度曲线，可以定义使用哪种方式来执行动画效果 </p><p>下列选项中，用于指定应用过渡效果的CSS属性名称的属性是（ ）。 [单选题] </p><p>A、transition-property属性(正确答案) </p><p>B、transition-duration属性 </p><p>C、transition-timing-function属性 </p><p>D、transition-delay属性 </p><p>答案解析：transition-property 属性用于指定应用过渡效果的CSS属性的名称，其过渡效果通常在用户将指针移动到元素上时发生。 </p><p>transition-timing-function属性规定过渡效果的速度曲线，默认值为（ ）。 [单选题] </p><p>A、ease(正确答案) </p><p>B、linear C、ease-in </p><p>D、ease-out </p><p>答案解析：transition-timing-function属性规定过渡效果的速度曲线，默认值为"ease"。 </p><p>下列选项中，用于定义过渡效果花费时间的属性是（ ）。 [单选题] </p><p>A、transition-property属性 </p><p>B、transition-duration属性(正确答案) </p><p>C、transition-timing-function属性 </p><p>D、transition-delay属性 </p><p>答案解析：transition-duration属性用于定义过渡效果花费的时间，默认值为0，常用单位是秒（s）或者毫秒（ms）。 </p><p>下列选项中，属于animation-timing-function默认属性值的是（ ）。 [单选题] </p><p>A、ease(正确答案) </p><p>B、ease-in </p><p>C、ease-out </p><p>D、linear </p><p>答案解析：animation-timing-function的默认属性值为ease，适用于所有的块元素和行内元素。另外，animation-timing-function还包括linear、ease-in、ease-out、ease-in-out、cubic-bezier（n,n,n,n）等常用属性值。 </p><p>在3D变形中，指定元素围绕X轴旋转的函数是（ ）。 [单选题] </p><p>A、rotateX（）函数(正确答案) </p><p>B、rotateY（）函数 </p><p>C、rotateZ（）函数 </p><p>D、rotate3d（）方法 答案解析：rotateX（）函数用于指定元素围绕X轴旋转。 </p><p>下列选项中，用于规定过渡效果何时开始的属性是（ ）。 [单选题] </p><p>A、transition-property属性 </p><p>B、transition-duration属性 </p><p>C、transition-timing-function属性 </p><p>D、transition-delay属性(正确答案) </p><p>答案解析：transition-delay属性规定过渡效果何时开始，默认值为0，常用单位是秒（s）或者毫秒（ms）。 </p><p>下列选项中，能够让元素倾斜显示的变形函数是（ ）。 [单选题] </p><p>A、translate（）方法 </p><p>B、scale（）方法 </p><p>C、skew（）方法(正确答案) </p><p>D、rotate（）方法 </p><p>答案解析：skew（）方法能够让元素倾斜显示，该函数包含两个参数值，分别用来定义X轴和Y轴坐标倾斜的角度。 </p><p>按照网页中常见的命名规范，属于底部版权注释代码的是（ ） [单选题] </p><p>A、/*nav*/ </p><p>B、/*footer*/(正确答案) </p><p>C、/*content*/ </p><p>D、/*banner*/ </p><p>答案解析：/*nav*/是导航栏的样式代码注释，/*footer*/是底部版权区域的样式代码注释，/*content*/是主体内容的样式代码注释，/*banner*/是焦点图的样式代码注释。 </p><p>按照网页中常见的命名规范，通常底部版权区域命名为（ ） [单选题] </p><p>A、content B、footer(正确答案) </p><p>C、content </p><p>D、banner </p><p>答案解析：按照网页中常见的命名规范，通常底部版权区域命名为footer。 </p><p>下面选项中，可以将HTML5页面的标题设置为“传智播客”的是（ ）。 [单选题] </p><p>A、<head>传智播客</head> </p><p>B、<title>传智播客(正确答案)
C、传智播客
D、传智播客
答案解析：
标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其他位于文档头部的标记。
即是<head>标记封装的一个标记，用来设置页面的标题。 </p><p>下列标记中，用于定义HTML5文档所要显示内容的是（ ）。 [单选题] </p><p>A、<head></head> </p><p>B、<body></body>(正确答案) </p><p>C、<html></html> </p><p>D、<title> 答案解析：
标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于标记内，标记中的信息才是最终展示给用户看的。
位于HTML5文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是（ ）。 [单选题]
A、(正确答案)
B、
C、
D、
答案解析： 标记位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，如《HTML5+CSS3网站设计基础教程》这本书中使用的是HTML5文档。
在Dreamweaer中，使用主浏览器预览网页的快捷键是（ ）。 [单选题]
A、f9
B、f10
C、f12(正确答案)
D、ctrl+f12
答案解析：使用主浏览器预览网页的快捷键是F12。
下列选项中，对HTML5新功能和新特性支持最好的浏览器是（ ）。 [单选题]
A、IE浏览器
B、火狐浏览器
C、Google浏览器(正确答案)
D、Opera浏览器
答案解析：由于谷歌浏览器对HTML5及CSS3的兼容性支持较好，而且调试网页非常方便，所以在HTML5网页制作过程中谷歌浏览器是最常用的浏览器。
在Dreamweaver中，使用次浏览器预览网页的快捷键是（ ）。 [单选题]
A、Ctrl+S
B、F12
C、F5
D、Ctrl+F12(正确答案) 答案解析：在Dreamweaver中，使用主浏览器预览网页的快捷键是F12，一般把IE浏览器或谷歌浏览器设为次浏览器，快捷键Ctrl+F12。
在HTML5中，代码，可以简写为（ ）。 [单选题]
A、(正确答案)
B、
C、
D、
答案解析：在HTML5中，部分标志性属性的属性值可以省略。例如：
可以省略为：
![html手写代码[整理版]](/uploads/image/0198.jpg)
发布评论