国家开放大学56318-《Web开发基础》-专科（复习资料）考试复习资料.docx

《国家开放大学56318-《Web开发基础》-专科（复习资料）考试复习资料.docx》由会员分享，可在线阅读，更多相关《国家开放大学56318-《Web开发基础》-专科（复习资料）考试复习资料.docx（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Web开发基础复习资料一、判断题.Web （Worldwide Web）即全球广域网，也称为万维网。（）1 .FTP协议规定了 Web服务器与浏览器之间如何打包及如何传输数据。（）.HTML规定元素标签可以嵌套，但不允许交叉。（）2 .单标记只有开始标记，没有结束标记。开始标记中的/可有可无。（）.如果网页中包含多个拥有相同id属性值的元素，则网页报错，无法显示。（）3 .p元素中不允许包含以下元素：标题元素（hlh6）、span元素、div元素。（）.HTML源代码中的空格都是无效的，最终显示时，都会被浏览器删掉。（）4 .设置ld的colspan属性可让单元格跨多行显示。（）.有序列表可自

2、动将列表项按内容排序后显示。（）5 .表单向服务器端提交数据主要有两种方式：get方式和set方式。（）.内部样式表的优先级总是高于外部样式表。（）6 .凡是定义在元素开始标签之外的样式表，都成为外部样式表。（）.父元素所有样式属性，子元素都会自动继承。（）7 .默认情况下，ID选择器优先级最高，元素选择器优先级最低。（）.单位Ipx的显示大小不会随显示器分辨率改变而改变。（）8 .margin:auto;可设置元素在水平和垂直两个方向都居中。（）.外边距合并，是指当两个垂直方向外边距相遇时，将合并为一个外边距。（）.所有行内元素都无法使用width和height属性设置大小。（）9 .外边距

3、合并，最终的实际外边距取决于两个外边距中距离较小的那个值。（）2（）.背景图片默认是不平铺的，如果希望平铺可设置background-r叩eat:repeat。（）21 .所有元素都有verlical-align属性，可设置内容垂直方向居中。（）.块级元素默认都是从上到下排列的，且每个块元素独占一行。（）22 .行内块元素默认都是从上到下排列的，且每个行内块元素独占一行。（）.因为每个元素都拥有自己的空间，所以一个元素不可能盖住另一个元素。（）23 .即使行内元素浮动后，也允许修改width和height属性。（）.元素一旦浮动后，都会变为行内块级元素，也允许修改大小尺寸。（）24 .用opa

4、city设置透明度，仅影响所在元素，不影响子元素。（）.dispaly:none不会让元素脱离文档流，虽然看不见，但依然占用空间。（）25 .rgba只作用于某个属性，如背景颜色等。（）3（）.修改列表项标识为图片，可使用：list-image:url（图比路径）属性（）26 .1ist-style:none 和 ist-stylelype:none 均可清除列表项标识。（）.绝对定位的元素默认总是相对于其所在直接父级元素左上角定位。（）32 .未使用定位属性的元素不能使用z-index元素。（）.:first-child元素只能匹配一个元素。（）1.1 input+span只能匹配一个元素。

5、（）.:target而于匹配当前点击的a元素。（）四、配伍题1.请为名词选择表示其含义的描述，将配对好的ae填写到括号中WEB服务器a代用户发送请求，作为HTML的解释器和内嵌脚本的 执行器，用图形化方式显示Web网页的内容。WEB浏览器b存储网站资源文件，响应浏览器发来的请求，提供基 本的安全功能HTTP协议c用于支持客户机跨广域网访问公司内部网络的服务Internetd规定了 Web服务器与浏览器之间如何打包及如何传输 数据远程访问服务e由那些使用公用语言互相通信的计算机连接而成的全 球网络请填写：:2.请为名词今选择表示其含义的描述，将配对好的ae填写到括号中行内元素a必须成对出现的开始

6、标记和结束标记的元素块级元素b默认独占一行的元素行内块元素c元素内容有多少，空间就只能占用多少，且多个元 素只能在一行中显示单标记元素d只要一个开始标记即可实现功能的元素。双标记元素e多个元素可在一行中显示，但是可设置元素的大小请填写：:3.请为元素啰选择右侧最合适的使用场景，将配对好的ae填写到括号中a收集用户输入的文字信息b性别二选一c是否同意本网站的条款d从一百多个国家的列表中选择多个国家e选择本地文件上传服务器请填写：_：_：_：_:4.请为选择器选择右侧最合适的解释，将配对好的ae填写到括号中。ulli.acliveaul元素下的所有后代li的直接子元素中class为active的元

7、请填写：_：_：_：_:素ul li.activebul元素下的直接子元素中class为active的liulli.activecul元素下的所有后代元素中class为active的liul li .activedul元素下的直接子元素li以及其他任意class为active的元ulli,.activeeul元素卜的所有后代11的所有后代中class为active的元素5.请为定位方式选择右侧最合适的解释，将配对好的ae填写到括号中。position:absoluea希望让块元素也能在一行中左右排列position:relativeb将元素固定在文档显示区中的某个位置。position:fix

8、edc让元素相对于它在默认文档流中的原始位置偏移 一段距离，经常用于对元素位置做微调时使用。float:leftd定义父兀素中子兀素的布局方式。flexe通过相对于离它最近的已定位（同样设置了positio n属性）的祖先元素实现定位。请填写：_：_：_：_:6.请为下列属性选择右侧最合适的解释，将配对好的ae填写到括号中transformorigina模拟人的眼睛到3D转换元素之间的距离translateb用于修改转换原点的位置transformc可让元素发生位移perspectived定义父兀素中子兀素的布局方式。transitione修改CSS属性值时平缓变化请填写：_：_：_：_:7.

9、请为下列样式类选择右侧最合适的解释，将配对好的ae填写到括号中。col-md-6aPad屏幕中当前元素宽占容器宽度的1/4hidden-smb超大屏幕中当刖兀素宽占容器兀素宽的1/6col-sm-3cPC机显示设备中当前元素宽占用容器总宽度的50%col-xs-6dPad和手机屏幕中当前元素隐藏col-lg-2e手机屏幕中当前元素宽占容器元素宽的一半请填写：_：_：_：_:8.下列样式类选择右侧最合适的解释，将配对好的ae填写到拈号中请填写：_：_：_：_:text-capital izea将元素内容中的英文单词首字母改为大写table-stripedb去除列表项前的提示符号list-unst

10、yledc将元素内容居中对齐text-centerd让每个列表项都水平排列list-inlinee表格隔行变色36 .div:not（title=test）也会匹配那些不包含title属性的div元素。（）.设置元素的linear-gradient属性，可实现线性渐变。（）37 .设置元素的radial-gradient属性，可实现径向渐变。（）.设置元素的repeatinginear-gradient属性，可实现重复渐变。（）38 .2D旋转时，默认的转换原点为元素左上角（0,0）位置。（）.转换原点是指在转换过程中，距离旋转圆心最远的一点。（）42 .视距越小，3D转换的幅度越明显；视距越

11、大，3D转换的幅度越不明显。（）.修改要执行3D变换的元素本身的perspective属性，可调整视距。（）43 .定义元素的transform属性时执行translate。函数，可让元素发生位移。（）46定义元素的transform属性时执行scale。函数，可让元素发生缩放。（）47 .定义元素的scale属性，可让元素发生缩放。（）.静态样式语言中虽然有变量，但是无法记性算术运算。（）48 .编译是指将浏览器不认识的Less语言代码转换为CSS语言代码的过程。（）.响应式图片可让图片根据浏览设备的宽，响应式调整图片的大小。（）49 .元素一旦设置浮动定位属性，就脱离普通文档流定位方式，不

12、占用普通文档流中的页面空 间。（）.设置元素的background-image属性，取值为一个radial-gradient （）命令，可实现径向渐53：视口的尺寸可以随意指定，且视口与显示设备的物理分辨率无关。（）.元素多层结构自底向上，依次是：外边距、背景色、背景图片、边框和内边距， 以及最上层的内容。（）二、单选题nternet上提供的主要服务有:Telnet、E-mail （ ）、FTP。A. App B. Windows C. WWW D. W3C.万维网联盟（WorldWideWebConsortium）,简称（），专门负责制定Web应用的标准。A. WWW B. Web C. W

13、3C D. 3WC.Web分为（）和Web服务器程序。A. Web客户端 B. HTML C.数据库 D.浏览器.Web程序要想顺利运行，就需要Web服务器、浏览器、（） 三者相互配合，共同发挥作用。A.数据库 B. HTML C.网页D.通信协议.创建Web内容主要包括三部分:Web设计、（）和Web服务器端应用程序开发。A.数据库开发B. Web前端网页开发C. App开发D.通信协议.下面定义HTML注释正确的是（）。A. div !id=,main HB. C. !-D. vdiv.下面定义页面编码格式的元素正确的是（）。A. B. C. D. 8下面定义页面编码格式的元素不正确的是（

14、）。A. B. C. D. 9.元素的（）属性用于设置要引入的图片的URL地址。A. href B. src C. alt D. link1（）.将元素的target属性值设置为（），可实现单击在新窗口打开新链接。A. _self B.不指定值C. .blank D. blank.以下茨于线性渐变描述正确的是：（）。A.线性渐变就是延水平方向填充渐变色B.线性渐变就是延垂直方向填充渐变色C.线性渐变就是以直线的方向来填充渐变色D.线性渐变就是以圆心为中心，延半径向外渐变.HTML5结构标记中专门定义主导航区域的元素是（）。A. B. C. D. .下列选项中，不属于input元素的type属性

15、可选内容的是（）。A. text B. password C. submit D. hide.设置selecl元素的（）属性可实现多选。A. value B. selected C. name D. multiple.设置iFrame的（）属性，可定义iframe要引入的另一个网页的URL地址。A. src B. href C. rel D. path.以gel方式提交表单时，最大可发送的数据大小为：（） A.1K B. 2K C. 3K D. 4K11 .下列样式声明语法正确的是（）。A.color=purple B. color=purple C. color:,purple, D. co

16、lor:purple.一下定义id选择器正确的是：（）。A.#id） B. .id C. id D. !id.选择ul元素下所有后代li （既包含直接子元素，又包含更深层后代元素）的选择器 是（）。A.ulli B. ulli C. ul,li D. ulli.选择class为aciive的a元素，下列选择器正确的是（）。A. a+.active B. a.active C. a .active D a.actives.鼠标悬停在a元素上时，字体变为红色，正确的CSS定义是（）。A.a.hover color: red B. a:hover font-color: red C. a:activ

17、e color: red ） D. a:active font-color:red .一个元素的内联样式中定义coloured,内部样式表中定义了color:green, 外部样式表中定义了color: yellow。最终字体颜色为（）。A.red B. green C. yellowD.无法确定.（）可将当前样式声明的优先级提升为最高。A. important B. ?import C. !important D. import.以下单位属于相对长度单位的是（）。A. em B. pt C. cm D. in 25.下列表示颜色值错误的是（）。A.#fff B. #e4393c C. rgb

18、（25, 128, 128） D. rgb: 25 128 128.border属性定义正确的是（）。A. border: Ipx solid red B. border: solid Ipx redC. border: Ipx red solid D. border:red Ipx solid.清除文本框的轮廓可使用（）。A.border: 0; B. border: none; C. outline:0; D. border-radius:0.框模型规定，每个元素由内向外由4个部分组成：（）。A.内容，边框，内边距，间距B.内容，内边距，边框，间距C.内边距，内容，间距，边框D.内边距，内

19、容,边框，间距29以下设置字体加粗属性正确的是（）。A.font-size: bold B. font-weight:bold C. font-style:bold D. font-family:bold 30.以下设置字体为斜体正确的是（）A.font-style: italic B. font-family:italic C. text-decoration: italic D. text-indent:italic 31.先后顺序定义三个div:divl,div2,div3o div2向左浮动，divl和div3向右浮动，结果从左向右三个div的顺序依 次是（）。A.dld2 d3B.

20、d2dl d3 C. d2 d3dl D. did3 c12.CSS提供了（）属性用于设置元素浮动定位：A.overflow B. float C. floor D. fixed.以下不属于float属性值的是：（）。A.left B. right C. none D. center.清除前面元素浮动对当前元素的影响，可设置（）属性。A.display: clear B. clear: both C. float: both D. both: clear.下列选项中，可让图片左右文字与图片垂直居中对齐的css属性是（）。A.text-align:center B. vertical-align

21、:middleC. text-valign:center D. vertical-align:baseline.下列设置鼠标悬停时光标变为手指的属性是（）。A.cursor: move B. cursor: wait C. cursor: text D. cursor: pointer.元素一旦浮动后，都会变为：（）.A.行内元素B.块元素C.行内块元素D.浮动元素.一下不属于clear属性值的是：（）.A.left B. right C. both D. none.下列选项中，可让元素独占一行的属性为（）。A.display:none B. display: inline-block C.

22、display: inline D. display:block.以下不能实现隐藏元素的是：（）。A.overflow: hidden B. opacity:0 C. display:none D. visibility:hidden.下列清除列表项标志的属性设置正确的是（）。A.list-type:none B. list-style-type:none C. list-type-style: none D. Iist:none.以卜不属于list-style-type属性值的是：（）。A.none B. circle C. disc D. sqrt.将列表项标识改为图片的属性是：（）。A.

23、list-style-type B. list-image C. list-style-image D. list-type.希望能自由修改元素的位置，但又不希望默认文档流中原始位置被释放，应选择 （）OA. A.pos.三个相邻元素：,希望选中元素后的元素，下列选择器正确的是 （）OA.b,i B.b+i C.bi D. bi）.选择包含出怕属性且lille属性值中包含“es”的div元素，下列选择器正确的是（）OA.divtitle=es B. divlille*=es C. divlitleA=es D. divtitle$=es.选择title属性不等于“test”的div元素，下列选

24、择器正确的是：（）。A.div:not（title=test） B. div title !=test C. divtitle*=test D. divtitle$=test.希望单击一个a元素，控制另一个元素的样式变化，可使用以下哪种选择器：（）OA.:hover B. :target C. :active D. Jink.如果主轴放不下所有项目时，可设置flex-wrap属性值为（） 来实现换行显示，但不改变主轴方向。A. nowrap B. wrap-reverse C. reverse D. wrap.设置项目在主轴上的对齐方式，可设置以下哪个属性：（）。A. flex-directi

25、on B. justify-content C. flex-flow D. flex-wrap.下列不属于align-self属性值的是：（）。A.flex-start B. flex-end C. flex-center D. baseline.文档类型声明：!DOCTYPEhtml说明当前网页使用的是（）标准。A.HTML4.1 B. XHTML1.0 C. XHTML2.0 D. HTML5.以下关键字组合中，等效于设置线性渐变角度为45。的是（）。A.to top left B. to top right C. to left D. to right.添加-webkit-前缀不可解决（

26、）浏览器的css属性兼容性问题。A.新版opera B. Chrome C. Safari D. Firefox.解决Firefox浏览器的css属性兼容性问题，可添加（）前缀。A.-webkit- B. -moz- C. -o- D. -ms-.默认的转换原点是：（）。A.元素的左上角B.元素的右上角C.元素的顶部中心点D.元素图形的中心点.下列属性中，可将元素顺时针旋转45。的是（）。A. trans form: rotatc（45）B. transform: rotatc（-45）C. transform: rotate（-315deg） D. transform:rotate（-45d

27、eg）58.希望修改某个CSS属性值时平缓变化，可使用CSS的（）属性。A.transform-properlyB. translate-property C. transform-float D. transition-property 59.可使用（）属性设置过渡变化的时间。A.transition B. transition-duration C. duration D. transform-duration6（）.响应式网页划分显示设备的分类，依据的是：（）。A.物理设备的大小B.物理设备的显示分辨率大小C.网页body的大小D.浏览器窗口大小.以下组件必须引入Bootstrap.js

28、才能正常执行的是（）。A.nav B. btn-group C. carousel D. dropdown.下列关于相对长度单位描述正确的是：（）。A. em总是相对于body元素的属性值计算倍数B. em总是相对于所在父元素的属性值计算倍数C. rem总是相对于所在父元素的属性值计算倍数D. rem总是相对于当前元素上的另一个属性值计算倍数A.nav B. btn-group C. carousel D. dropdown.如果包含框太窄，无法容纳水平排列的3个浮动元素，那么最后放不下的块会： （）.A.被挤压到下一行B.默认隐藏C.横向溢出D.始终换行到下一行的开头三、多选题1 .以下标记

29、定义正确的是：（）。A. B. C. D. .下列说法错误的是（）。A.vb元素专门用于代替换行B.元素专门用于给文字加下划线C. 元素专门用于加粗显示文字D.元素专门用于显示一段文字，并在开头和结尾自动换行。2 .对audio标记的属性描述正确的是（）。A. href属性用于设置要播放的音频文件的路径B. sre属性用于设置要播放的音频文件的路径C. auto属性用于设置在网页加载时自动播放音频文件D. loop属性用于设置是否循环播放.以下关于不规则表格定义正确的是（）。A.当前格td,向右跨4列（含自己），可写为:vtdcolspan= 3” B.当前格td,向右跨4列（含自己），可写为

30、:vtdcolspan= 4 C.当前格td,向下跨2行（含自己），可写为:D.当前格td,向下跨2行（含自己），可写为:vtdrowspan= 1.以下关于列表元素的描述正确的是（）。A.元素用于定义有序列表B.vol元素用于定义无序列表Cul元素用于定义无序列表D.元素用于定义有序列表.以下属于表单元素的是：（）。A. label B. input C. tcxtarca D. select.多个备选项中，可选择多个选中项时，可使用哪种表单元素：（）。A. B. , checkbox” C. D. .以下关于clear属性描述正确的是：（）。A.该属性值可以是:left,用于清除当前元素前

31、面元素的任意浮动带来的影响；B.该属性值可以是:left,用于清除当前元素前面元素的左浮动带来的影响；C.该属性值可以是:right,用于清除当前元素后面的元素任意浮动带来的影响;D.该属性值可以是:right,用于清除当前元素前面的元素右浮动带来的影响； 9.以下关于选择器的权重描述正确的是：（）。A.类选择器的权重等于伪类选择器的权重B.元素选择器的权重大于伪类选择器的权重C.伪类选择器的权重小于ID选择器的权重D.伪类选择器的权重小于其它所有选择器的权重.一个元素上下内边距都是20px,左右内边距都是10px,下列定义正确的是：（）OA. padding: 20px 10px 20px

32、lOpx B. padding: lOpx 20px lOpxC. padding: 20px lOpx 20pxD. padding: lOpx lOpx 20px 20px.以下关于内容溢出说法正确的是：（）。A.如果内容是文字，默认就是横向溢出B.如果内容是文字，默认就是纵向溢出C.如果内容是图片，则默认纵向和横向都会溢出D.如果内容是图片，则默认不会溢出.以下可以隐藏内容溢出部分的overflow属性的值是：（）。A. hidden B. visible C. scroll D. auto.仅显示元素的左边框，以下css属性正确的是：（）。A. border-left-style: 2

33、px B. border-left-style: solidC. border-left: 2pxD. border-left: solid.上外边距溢出，有以下几种预防方法：（）。A.为父元素增加上边框B.为父元素设置上内边距；C.在父元素的第一个子元素位置处，增力口空标记。D.设置父元素的overflow:hidden.以下描述正确的是：（）。A.设置浮动定位属性的元素会脱离普通文档流，不占用普通文档流中的页面空 间。B.文档的普通流中的其他块，会上移填补浮动元素留下的空白位置。C.元素浮动定位是相对于元素在普通文档流中的原位置设置位移的偏移量。D.浮动定位的元素在原文档流中的位置始终占用

34、，不释放。15 .默认可在一行中水平排列的元素有：（）。A.行内元素 B.块元素C.行内块元素D.标题元素.下列可使用vertical-align属性设置垂直方向对齐方式的有：（）。A. table B. div C. p D. img.下列关于位移属性描述正确的是：（）。A.top: -20px是让元素基于当前位置向上移动20pxB.top: 20px是让元素基于当前位置向下移动20pxC. bottom: -20px是让元素基于当前位置向下移动20PxD.bottom: 20px是让元素基于当前位置向下移动20px19.已知连续四个vli元素，下列选择器中可选择后三个li的是：（）。A.l

35、ili B. li+li C. lili D. li li2（）.以下选择器中可匹配table中tbody下的偶数行的有：（）。A.tabletbodytr:nth-child（even） B. tabletbodytr:nth-child（odd）C. tabletbodytr:nth-child（2n+l） D. tabletbodytr:nth-child（2n）.匹配元素内容中的首字母，可使用以下哪些选择器：（）。A.:first-line B.:first-letter C.:first-letter D. :first-line.下列属于渐变分类的是：（）。A.线性渐变 B.径向渐

36、变 C.重复渐变 D.水平渐变.以下设置渐变角度的语法正确的是：（）。A. to lop B. top C. 60 D. 60deg.下列哪些值可作为转换原点位置的值：（）。A. Opx B. 0 C. 60deg D. left.下列关于视距描述正确的是：（）。A.视距越远，元素在显示器投影平面上的像越小。B.视距越远，元素在显示器投影平面上的像越大C.如果希望三维转换越明显，应增大视距D.如果希望三维转换越明显，应缩小视距.下列可分别设置元素在x轴和y轴两个方向上的缩放比例的是：（）。A. scale（value） B. scale（x,y） C. scaleX（x）和 scaleY（y）

37、 D. scale 必须等比例缩 放.以下属性值中可用于设置过渡速度变化曲线的值有：（）。A. linear B. ease-in C. eary-in D. easy-out.以下属于动态样式语言具备而静态样式语言不具备的特征有：（）。A.变量B.否定伪类C.选择器D.运算.不需要动态样式语言，静态样式语言已经具备的特征有：（）。A.选择器分组B.否定伪类 C.运算D.属性选择器.下列Bootstrap中颜色类名描述正确的是：（）。A. -default默认基准色工业蓝B. *-danger黄色C. -success绿色D. *.primary深蓝色.以下关于表格样式描述正确的是：（）。A.table是基础类B.table-alt可设置表格各行变色C.lable-hover可设置鼠标悬停在一行上，该行变色D.table-bordered可设置表格边框.流式布局主要使用：（）。A.使用table显示网页的各个区域B.使用浮动定位显示网页的各个区域C.使用行内块显示网页的各个区域D.使用块元素显示网页的各个区域.关于data-开头的属性，下列描述正确的是：（）。A.用于添加样式B.用于定义组件要动态加载的数据C.用于临时在客户端缓存数据D.用于为组件添加行为