Web前端开发案例教程（HTML5 CSS3） 试卷及答案.docx

《Web前端开发案例教程（HTML5 CSS3） 试卷及答案.docx》由会员分享，可在线阅读，更多相关《Web前端开发案例教程（HTML5 CSS3） 试卷及答案.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Web前端开发案例教程（HTML5 CSS3）（微课版）（第2版）试卷A一、单项选择题(每题2分，共50分). HTML的中文意思是(C )。A)文件传输协议B)超文本传输协议C)超文本标记语言D)统一资源定位符1 .网页的主体内容写在哪个标记内部？ ( A )A) B) C) D) 2 .以下标记中，用于设置页面标题的是(A )oA) B) C) D) 3 .用HTML5编写一个简单的网页时，网页最基本的结构是(D )。A) . . . . B) . . . . . . . 4 .可以不用发布就能在本地计算机上浏览的页面的编写语言是(B )。A) ASP B) HTML C) PHP D)

2、JSP.以下标记中，没有对应的结束标记的是(B )。A) B) C) D) . 和标记必须包含在下述哪对标记中？ ( C )A) 和B) (table和/tableC) PD) 和8 .如何为所有的元素添加背景颜色？ ( B )A) hl. all background-color：#FFFFFF B) hl background-color：#FFFFFFC) all. hl background-color：ttFFFFFF D) hl. background-color：#FFFFFF.外部样式表的最大优势在于(A )。A) CSS代码与HTML代码完全分离B) CSS代码写在与之间C）

3、直接对HTML的标签使用style属性D）采用import方式导入样式表 10.下面不属于CSS样式的引入方式的是（A ）oA）索引式B）行内样式 C）内部样式表D）外部样式表.在HTML文档中，引用外部样式表的正确位置是（D ）。A）文档的末尾B）文档的顶部C） 部分 D） 部分.下列哪个选项的CSS语法是正确的？ （ C ）A） body：color=black B） body： color=black （body）C） body color： black D） body；color：black）13 .下列哪个CSS属性可控制字号？ （ A ）A) font-size B) text-s

4、tyle C) font-style D) text-size14 .如何显示这样一个边框：上边框为10 px,下边框为5 px,左边框为20 px, 右边框为1 px? ( D )A) border-width：10px 5px 20px Ipx B) border-width：lOpx 20px 5px IpxC) border-width：5px 20px lOpx Ipx D) border-width：lOpx Ipx 5px 20px 15.使用什么属性可以设置元素的左外边距？ ( D )A) text-indent B) indent C) margin D) margin-le

5、ft 16.下列CSS属性中不用于设置背景图像样式的是(B )。A) background-imageB) background-beginC) background-repeatD) background-size17 .去掉无序列表的项目符号使用的属性是(A )oA) list-style：noneC) list-rel： noneA) list-style：noneC) list-rel： noneB) list-type：noneD) list-href：none18 .用于设置鼠标指针悬停时超链接样式的是（C ）。A） a：link B） a：visited C） a：hover D

6、） a：activeposition属性用于定义元素的定位类型，下列选项中不属于position属性 常用属性取值的是（D ）0A） static B） relative C） absolute D） visible.下列样式代码中，不能够设置元素定位类型的是（A ）。A) position： auto；C) position： absolute；B) position： fixed；D) position： relative；(D )oD) (B )o20 .定义表头单元格的HTML标记是A） B） C） B) thD) rowspan=#21 .合并多行单元格的HTML标记是A) C) .

7、下面关于表单的叙述错误的是（D ）oA）表单是用户与网站实现交互的重要手段B）表单可以收集用户的信息C）表单是网页上的一个特定区域D）表单是由一对标记组A) B) 25.在3D变形中， A) rotateXOC) rotateZO成的 24. HTML5中的哪个标记用来定义当前页面附属信息部分？ （ C ） C) D) 指定元素仅围绕x轴旋转的函数是(A )oB) rotateY()D) rotate3d ()二、判断题（每题2分，共50分）1 . HTML5可以跨平台使用，具有良好的移植性。（/）. Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行 为标准。（/）2

8、.网页文件是用一种标记语言书写的，这种语言被称为HTML（Hyper Text MarkupLanguage,超文本标记语言），制作一个网站就等于制作一个网页。（乂 ）3 .网站的首页文件通常是index, html a index, htm ” “ Default, htm ” Default, html,它必须存放在网站的根目录中。（/ ）. HTML5标记是不区分大小写的，但通常用小写。（/ ）4 .如果文本需要换行，则可以使用换行标记br。（ / ）. hr标记可以在网页中生成一条水平线，它不需要结束标记。（/ ）5 .标题标记hlh6都有换行的功能。（/ ）.在编写CSS代码时，为了

9、提高代码的可读性，通常需要加CSS注释语句。（/ ）6 .内部样式表是指将CSS代码集中写在HTML文档的head头部标记中，并且 用style）标记定义。（/ ）.内部样式表的样式对网站中的所有HTML页面都有效。（x ）7 .外部样式表是使用频率最高，也是最实用的样式表之一，它将HTML代码与 CSS代码分离为两个或多个文件，实现了结构和表现的完全分离。（/ ）.通配符选择器用号表示，能匹配页面中的所有元素。（/ ）8 .在head中使用link标记可引用外部样式表文件，一个页面只允许使用一 个Qink标记引入外部样式表文件。（x ）.在CSS背景综合属性中，既可以定义背景图片，也可以定义

10、背景颜色。（/ ）9 .在CSS中，border属性是一个复/合属性。（）.在CSS3中,box-shadow属性不设置“阴影类型”参数时默认为“内阴影二 （x ）10 . div是一个行内元素，span是块元素。（x ）.页面上定义的两个盒子都没有设置float属性时，盒子会水平排列。（x ）11 .父元素包含的子元素设置浮动后，若父元素没有设置高度，则受子元素浮动 的影响，父元素将不显示。（/ ）.表格的列数，取决于一行中数据单元格的数量。（/ ）12 . colspan属性用来合并单元格的行。（乂）. form标记的method属性默认为post。（ x ）13 .在HTML5中，art

11、icle标记通常使用多个section）标记进行划分。（/）. CSS3变形是一系列效果的集合，如平移、旋转、缩放和倾斜等，每个效果都 被称作变形效果。（/ ）试卷B一、单项选择题(每题2分，共50分).下面的应用软件中，不可以用于网页制作的是(D )。A) Sublime TextB) HBuilderXC) Dreamweaver D) AutoCAD1 .请选择能产生粗体字的HTML标记。(C )A) B) C) D) 2 .在下列HTML标记中，哪个可以插入换行？ ( A )A) B) C) D) 3 .在下列的HTML标记中，哪个是最大的标题？ ( D )A) B) C) D) 4

12、.用于标识一个段落的HTML标记是(C )oA)的和 B) 和 C) 和 D) 和5 .在下列的HTML代码中，哪个可以插入图像？ ( C )A) A) B) C) D) image, gif6 .建立超链接时，要在新窗口显示网页，需要加入的标记属性是(A )oA) target=blank B) bordcr=l C) name=target D) #7 .包含图像的网页文件，其扩展名应该是(D )。A) . jpg B) . gif C) . pic D) . html.在以下的CSS代码中，可使所有元素变为粗体的正确语法是(C )。A) B) p style=text-size：bold

13、)C) p font-weight：bold D) p text-size：bold10 .以下哪个选项可以改变元素的字体？ ( C )A) font= B) f： C) font-family： D) font11 .以下哪个选项可以使文本变为粗体？ ( B )A) font：b B) font-weight：bold C) style：bold D) b12 .下面说法错误的是(D )oCSS样式可以将格式和结构分离A) CSS样式可以控制页面的布局CSS样式可以使许多网页同时更新B) CSS样式不能制作文件更小、下载更快的网页.在以下的HTML中，哪个是正确引用外部样式表的方法？ ( B

14、 )A) B) m5?style. csslesheetColorful Style Sheets13 .不属于CSS选择器的是(A )oA)对象选择器B)超文本标记选择器C） ID选择器 D）类选择器. CSS的中文译名为（D ）0A）样式表 B）样式表标签语言 C）瀑布样式表 D）层叠样式表.下列选项中，哪个不能设置边框为3Px的红色实线？（ D ）A） border：3px solid #F00； B） border： #F00 solid 3px；C） border： red solid 3px； D） border：#010 3px solid；17.关于样式代码box width：

15、 200px； padding： 15px； margin于Opx；”,下列 说法正确的是（B ）oA） .box的总宽度为200Px B） .box的总宽度为270PxC） .box的总宽度为235Px D）以上说法均错误.一个盒子的宽度和高度均为300px,左内边距为30px,同时盒子有3Px的边 框，请问这个盒子的总宽度是多少？ （ C ）A) 333px B) 366px C) 336px D) 363px.设置背景颜色为green,背景图片垂直居中显示，背景图片充满整个区域, 但是背景图片不能变形，图片只出现一次，以下代码正确的是(A )oA) background： url (M.

16、 . /img/imgl. jpgr) no-repeat center/cover green；background： url . /img/imgl. jpg) repeat center/cover green；B) url (M. /img/imgl. jpg,*) no-repeat center/100% green；url(M. /img/imgl. jpgM) no-repeat center/100% 100% green；18 . 标记是网页布局中常见的标记，其元素类型为(B )。A)块级元素B)行内元素 C)行内块元素D)浮动元素.在CSS中，使用什么属性来定义元素的类型

17、？ ( C )A) margin 属性 B) padding 属性 C) display 属性 D) font 属性.下列样式代码中，可对元素进行绝对定位的是(B )oA) .special position： relative；). special position： absolute； top：20px； left：16px；B) .special position： fixed； top：20px； left：16px；).special position： static；19 .定义表头单元格的HTML标记是(D )。A） B） C） D） A) password B) 25.在3D变

18、形中， A) rotateXOC) rotateZOA) password B) 25.在3D变形中， A) rotateXOC) rotateZO20 .要建立一个密码框，input）标记的type属性的属性值应该等于（A ）。radio C) text D) image指定元素仅围绕x轴旋转的函数是(A )oB) rotateY()rotate3d ()二、判断题（每题2分，共50分）. HTML5可以跨平台使用，具有良好的移植性。（，）1 .Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行 为标准。（/）. 一个项目只能有一个网页文件。（x）2 .关于网页中图片的

19、大小，可以在HTML5代码中直接指定其宽、高，但最好在 图像处理软件中事先处理好图像的大小。（/ ）. JPG格式能提供良好的、损失极少的压缩，这种格式可以用于制作透明和多帧 的动画。（x ）3 .书写图片路径时，尽量使用绝对路径，因为这样更稳定简洁。（x ）.在网页中需要插入图片的相对路径时，用于指定上一级文件夹。（/ ）4 .在超链接中，如果暂时没有确定链接目标，则通常将a标记的href属性值 定义为“*义（* ）. RGBA是CSS3新增的颜色模式，它是RGB颜色模式的延伸，该模式在红、绿、 蓝三原色的基础上添加了不透明度参数。（/ ）5 . ID选择器使用进行标识，后面紧跟ID名称。（

20、/ ）.通配符选择器设置的样式对所有的HTML标记都生效，不管标记是否需要该 样式，这样反而降低了代码的执行速度。（/）6 . opacity属性用于定义元素的不透明度，参数opacityValue表示不透明度 的值，它是一个01的浮点数值。（/ ）. div与/div之间相当于一个容器，可以容纳段落、标题、图像等各种网 页元素。（/ ）7 . div是一个行内元素，span是块元素。（x ）.在CSS中，可以通过position属性为元素设置浮动。（乂 ）8 . z-index属性用于调整定位元素的层叠顺序。（/ ）.在静态定位状态下，无法通过坐标属性（top、bottom、left或rig

21、ht）改 变元素的位置。（/ ）9 .select标记的size属性默认为1。（，）. 标记的method属性默认为post。（ * ）10 .将input）标记的type属性设置为text时，该控件既可以用于输入多行文 本，也可以用于输入单行文本。（* ）.在HTML5中，一个section标记通常由标题和内容组成。（/ ）11 .在IITML5中,可以在article）标记或者section标记中添加（footer标记。（/ ）.在图像常用格式中，GIF格式只能处理256种颜色。（，）12 .在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由内及外的顺 序依次关闭标记。（/）. PNG格式是一种支持透明的图像格式。（/）