web前端测试（四）含答案

web前端测试（四）

1. 以下那个属性用来定义动画执行时间（） [单选题] *

A、animation-name（名字） @keyfr….

B、animation-duration （持续的时间，动画开始到结束）

C、animation-timing-function（先快后慢，匀速）

D、animation-delay （延迟）

2. 以下那个属性可以用来控制动画执行的次数（） [单选题] *

A、animation-state（状态：暂停和播放）

B、animation-duration

C、animation-iteration-count（次数）

D、animation-delay

3. 在编写代码过程中关键帧@keyframes的名字需要和那个属性值对应（） [单选题] *

A、animation-name

B、animation-duration

C、animation-timing-function

D、animation-delay

4. 以下那个属性用来定义动画延迟的时间（） [单选题] *

A、animation-name

B、animation-duration

C、animation-timing-function

D、animation-delay

5. 以下那个属性用来定义过渡执行的时间（） [单选题] *

A、transition-property（属性，那个属性有变化，将会触发过渡，with,all）

B、transition-duration()

C、transition-timing-function

D、transition-delay

6. 以下那个属性用来定义过渡属性（） [单选题] *

A、transition-property

B、transition-duration

C、transition-timing-function

D、transition-delay

7. 以下那个属性用来设置盒子的过渡（） [单选题] *

A、Transform(变形)

B、Transition（过渡）

C、Animation（动画）

D、Form

8. 以下那个属性值表示background-clip背景的绘制区域是从边框开始的（） [单选题] *

A、padding-box

B、border-box

C、border

D、content-box

9. 以下那个属性用来设置盒子的变形（） [单选题] *

A、Transform

B、Transition

C、Animation

D、border-radius

10. 设置以下那个属性后，在浏览器运行的时候可以调整盒子尺寸（） [单选题] *

A、shadow-box

B、border-radius(圆角)

C、box-shadow（阴影）

D、resize

11. 下述有关css属性position的属性值的描述，说法正确的是？（） *

A、static：没有定位，元素出现在正常的流中

B、fixed：生成绝对定位的元素，相对于父元素进行定位(固定)

C、relative：生成相对定位的元素，相对于元素本身正常位置进行定位。

D、absolute：生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。

12. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度（） [单选题] *

A、display:inline

B、display:block

C、display:none

D、display:inherit

13. 以下哪个CSS属性是继承属性(inherited)？（） [单选题] *

A、vertical-align

B、background-color

C、text-indent

D、justify-content

14. 下面哪个优先级最高？（） [单选题] *

A、ID选择器的样式

B、HTML元素选择器，伪元素选择器

C、类选择器、属性选择器

D、HTML元素的内联样式

15. CSS 样式，通过设置左和右 ____ ，可以把块元素调整到中间位置。（） [单选题] *

A、边距为auto

B、边距为50%

C、边距为none

D、边距为center

16. 以下标签为换行符的是（） [单选题] *

A、<hr>

B、<br/>

C、<p>

D、<div>

17. 显示结果是为如下超链接的HTML语句是（） [单选题] *

A、<a href=”翻盖手机”>test</a>

B、<a href=”test1.htm” title=’’>翻盖手机</a>

C、<a name=”test1.htm”>翻盖手机</a>

D、<a name=”翻盖手机”>test</a>

18. 下述有关css属性position的属性值的描述，说法错误的是？（） [单选题] *

A、static：没有定位，元素出现在正常的流中

B、fixed：生成绝对定位的元素，相对于父元素进行定位

C、relative：生成相对定位的元素，相对于元素本身正常位置进行定位。

D、absolute：生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。

19. 根据规范，哪些标签不是 HTML 5 的语义化标签？（） [单选题] *

A、header(头)

B、section（段落）

C、marquee（跑马灯）

D、article（文档，文章）

20. 以下那个属性用来定义动画执行函数（） [单选题] *

A、animation-name

B、animation-duration

C、animation-timing-function

D、animation-delay

21. 以下那个属性用来定义过渡函数(先快后慢，还是匀速)（） [单选题] *

A、transition-property

B、transition-duration

C、transition-timing-function

D、transition-delay

22. 以下伪元素选择器那个描述的是当前处于可用状态的元素（） [单选题] *

A、:enabled

B、:disabled（禁用，不可用）

C、:checked（选中）

D、::selection（）

23. 以下那个属性值表示background-origin背景图片的定位区域是从内容开始的（） [单选题] *

A、padding-box

B、border-box

C、border

D、content-box

24. 以下那个属性用来设置背景图片大小（） [单选题] *

A、background-image(图片)

B、background-clip(绘制区域)

C、background-origin（背景图片开始的位置）

D、background-size（背景大小）

25. 以下那个表示的旋转变形（） [单选题] *

A、translate（位移）

B、rotate（旋转）

C、scale（缩放）

D、skew（倾斜）

26. 以下那个表示的缩放变形（） [单选题] *

A、translate

B、rotate

C、scale

D、skew

27. 以下那个属性用来设置盒子的动画（） [单选题] *

A、Transform（变形）

B、Transition（过渡）

C、Animation

D、Form

28. 盒子div的宽度和高度均为100px，设置border-radius为（）盒子变成一个圆 [单选题] *

A、100px

B、50px

C、25px

D、200px

29. 在HTML5中，哪个元素可以对页面的标题进行分组（） [单选题] *

A、address元素（地址）

B、hgroup元素

C、section元素（段落）

D、nav元素（导航）

30. 下面不属于css插入形式的是（） [单选题] *

A、索引式

B、内联式

C、外部式

D、内部式

31. 有<ul><li>1</li><li>2</li><li>3</li></ul>代码，下列哪些选项可以选中内容是“1”标签（） *

<ul>

1<li>1</li>

2<li>2</li>

3<li>3</li>

</ul>

A、li:first-child

B、li:first-of-type

C、li:nth-child(1)

D、li:nth-child(0)

E、li:nth-of-type(1)

32. 设置样式[title=t1]{color: red;}，以下那些选项标签内容“华点软件学院”是红色的？（）

A、<div title="t1 t2">华点软件学院</div>

B、<div title="t1">华点软件学院</div>

C、<div title="t2">华点软件学院</div>

D、<div>华点软件学院</div>

33. 设置样式[title]{color: red;}，以下那些选项标签内容“华点软件学院”是红色的？（） *

A、<div title="t1 t2">华点软件学院</div>

B、<div title="t1">华点软件学院</div>

C、<div title="t2">华点软件学院</div>

D、<div>华点软件学院</div>

34. background-clip可能包含的属性值有哪些（） *

A、padding-box

B、border-box

C、border

D、content-box

35. 添加样式的方式有（） *

A、内联式：即直接加在标签上的样式如:<div style="100px;"></div>

B、导入样式：@import url("css/style.css")

C、嵌入式：即用<style>.classname { 100px;}</style>标签括起来写在页面中的样式

D、外部引用式：即将样式单独放到一个文件夹中，然后用link标签引入页面的形式，如：<link rel="stylesheet" type="text/css" href="Css.css" />

36. 需要创建一个多选框，且和文本关联起来(单击文本就像单击核选框一样)。下列 HTML 代码中，正确的是？（） *

A、<label><input type="checkbox" />记住我</label>

B、<input type="checkbox" /><label for="checkbox">记住我</label>

C、<input type="checkbox" id="c1" /><label>记住我</label>

D、<input type="checkbox" id="c1" /><label for="c1">记住我</label>

37. 下面有关html5标签说法正确的有？（） *

A、<audio>标签定义声音，比如音乐或其他音频流

B、<canvas> 比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容

C、<menu> 标签定义菜单列表。当希望列出表单控件时使用该标签

D、<embed> 标签定义了一个容器，用来嵌入外部应用或者互动程序(插件)

38. 关于a元素，以下说法正确的有：（） *

A、a元素必须具有href属性

B、a元素的target属性可以指向一个具名的窗口或iframe

C、当a元素的rel属性具有多个值时，使用空格“ ”分隔

D、a元素的href属性必须是目标url的绝对路径

39. 布局的描述，正确的是？（） * *

A、块级元素实际占用的宽度与它的 width 属性有关；

B、块级元素实际占用的宽度与它的 border 属性有关；

C、块级元素实际占用的宽度与它的 padding 属性有关；

D、块级元素实际占用的宽度与它的 background 属性有关。

40. 以下选项正确的是（） * *

A、<p />

B、<br />

C、<hr />

D、<img />

41. css中哪些属性可以继承（） * *

A、font-size

B、color

C、font-family

D、border

42. <input>元素的type属性的取值可以是（） *

A、image 、file

B、checkbox

C、button

D、select

43. 下面哪些是HTML5 新增的表单元素？（） *

A、datalist

B、optgroup,select中使用

C、output

D、legend

44. 以下（）是行内块级元素 *

A、div

B、img

C、input

D、p

45. css中哪些属性可以继承（） *

A、font-size

B、color

C、font-family

D、border

46. transiton和animation是一样的，没有区别 [单选题] *

A、对

B、错

47. transiton缩写的简写方式：transiton: 过渡属性过渡所需要时间过渡动画函数过渡延迟时间； [单选题] *

A、对

B、错

48. animation只能定义开始状态和结束状态 [单选题] *

A、对

B、错

49. 选择器p>span表示，选中p元素所有的后代span子元素 [单选题] *（直接后代）

A、对

B、错

50. scale（缩放）表示的旋转变形 [单选题] *

A、对

B、错