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="width:100px;"></div>  | 
| 
 B、导入样式:@import url("css/style.css")  | 
| 
 C、嵌入式:即用<style>.classname {width: 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、错  | 
                    
                
                
            
        
浙公网安备 33010602011771号