Web开发基础期末复习指导（附参考答案）.docx
Web开发基础课程期末复习指导练习及参考答案1 .单项选择题（将正确答案序号填写在题目的括号中）（1） Imemet上提供的主要服务有:TeIneI、E-maik（）、FTP。A.AppB.WindowsC.WWWD.W3C（2）下面定义页面编码格式的元素正确的是（）oA.<metacharset=utf-8>B.<metacharset：,utf-8',>C.<metacharset="utf-8',>D.V出IeCharSet='utf-8'>（3）下列选项中，不属于input元素的type属性可选内容的是（）。A.textB.passwordC.submitD.hide（4）网页中引入外部样式表的代码正确的是（）oA. <stylerel=,stylesheef,href=,index.css,>B. <stylerel=,stylesheef,src=,index.css,>C. <linkrel=,stylesheef,href=,index.css,>D. <linkrel="stylesheet"src=''index.css'>>（5）元素一旦浮动后，都会变为：（）。A.行内元素B.块元素C.行内块元素D.浮动元素（6）宽IoOPX的div元素，修改转换原点为右上角，下列属性设置正确的是（）。A.transfbrm-origin:100%0B.transform-origin:0100%;C.transfbrm-origin:0100pxD.transform-origin:lefttop;（7）下列在IeSS中定义变量的语法正确的是（）oA.red:#e4393c;B.red=#e4393c;C.red:#e4393c;D.red=#e4393c;（8）普通规则下，如果设备宽为767px,可认为其为（）设备。A.超大屏B.PCC.PADD.手机（9）Bootstrap的less源码中保存所有基础变量的less文件是（）。A.bootstrap.lessB.progess-bars.lessC.variables.lessD.media.less（10）希望能自由修改元素的位置，但又不希望默认文档流中原始位置被释放，应选择（）。A.position:absoluteB.position:relativeC.position:fixedD.position:static2.多项选择题（将答案填写在题目的括号中）（1）以下属于表单元素的是：（）。A.labelB.inputC.textareaD.select（2）一个元素可同时被多个样式类修饰，以下写法正确的是：（）。A.B.C.D.<aCIaSS=".btn''class=,btn-danger,*><aclass=,btn,'class=',btn-danger,5><aclass=,btn,btn-dangcf5><aclass=,btnbtn-danger,>(3)默认可在一行中水平排列的元素有：()。A.行内元素B.块元素C.行内块元素D.标题元素(4)下列可分别设置元素在X轴和y轴两个方向上的缩放比例的是：()。A.Scale(Value)B.scale(x,y)C.scaleX(x)和SCaleY(y)D.scale必须等比例缩放(5)流式布局主要使用：()。A.使用table显示网页的各个区域B.使用浮动定位显示网页的各个区域C.使用行内块显示网页的各个区域D.使用块元素显示网页的各个区域3.判断题(判断下列叙述是否正确，正确的画Y,错误的画X,标记在括号中)(I)FTP协议规定了Web服务器与浏览器之间如何打包及如何传输数据。()(2)块级元素和行内元素都具备align属性，可设置内容的对齐方式。()(3)默认情况下，单击inpultype="radio"旁边的文本，不会选中该单选按钮。()(4)父元素所有样式属性，子元素都会自动继承。()(5)块级元素默认都是从上到下排列的，且每个块元素独占一行。()(6)设置元素的Iinear-gradient属性，可实现线性渐变。()(7)编译是指将浏览器不认识的Less语言代码转换为CSS语言代码的过程。()(8)视口在手机端和在PC端都默认始终通过缩小网页方式，全部显示网页内容。()(9)BOOtStraP所有组件，单靠引入bootstr叩.css就可执行。()(10)如内部浮动元素，高于外部容器元素，则内部浮动元素超出外部元素范围的部分自动隐藏。()4.编程题(仔细阅读题目，从答案选项中选择正确的选项，将其对应的标号填写在横线处，从而把步骤补充完整)(1)从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整:定义一个表格，一共2行四列。其中，第一行第一个格，向下跨2行，且内容顶端对齐。第二行第二个单元格位置的格，向右跨3行，且内容居左对齐：<table><tdxtd><td><td><td><td><td><td><tr><tr><td_><td><tr><table>其中:和请选择不规则表格相关的属性和请选择内容对齐方式答案选项a. colspan=2b. rowspan=,2,*c. COISPan="3"d. rowspan=''3"e. align='Tight''f. Valign="top''g. align=,'top,'h. Valign="right”请填写：(2)从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整:如下图所示需求设计图：外层一个SeCtiOn元素，包裹着内层四个SPan元素。SeCtiOn元去：宽IoOOPX.水平居中.左右内边跆I5. I.外边距35x | span:采用border-box计兑方式.置243p.左仃内迪距IoPX 田命ig'220px请在下列CSS中补充选择器和CSS属性:<style>sectionsectionspan(:：section_width:223px;<style>答案选项a. box-sizing:box;padding:IOpx0;b. padding:IOpx0;c. width:1000px;margin:0auto;padding:015px;margin-top:35px;d. box-sizing:border-box;e. width:1000px;margin:auto;padding:15px;margin:35px;f. padding:010px;g. span>img1) span,img请填写：®：5.配伍题（1）请为名词选择表示其含义的描述，将配对好的ae填写到括号中WEB服务器a代用户发送请求，作为HTML的解释器和内嵌脚本的执行相，用图形化方式显示Web网页的内容。WEB浏览器b存储网站资源文件，响应浏览器发来的请求，提供基本的安全功能HTTP协议C用于支持客户机跨广域网访问公司内部网络的服务Internetd规定了Web服务器与浏览器之间如何打包及如何传输数据远程访问服务e由那些使用公用语言互相通信的计算机连接而成的全球网络：®：®：®：参考答案1.单项选择题(1)C(2)C(3)D(4)C(5)B(6)A(7)C(8)D(9)C(10)B2.多项选择题(1)BCD(2)BD(3)AC(4)BC(5)BC3.判断题(1)×(2)X(3)(4)X(5)(6)X(7)(8)×(9)X(10)X4.编程题BFC®E2) )CDFG5.配伍题®：b：a：d：e：C
