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