《Html5与CSS》考试复习题库（含答案）

PAGEPAGE1《Html5与CSS》考试复习题库（含答案）一、单选题1.CSS中背景图片平铺效果的代码是？A、background-repeatB、ackground-imgC、background-imageD、background-position答案：A2.CSS中容器的内边距代码是？A、paddingB、marginC、outD、inner答案：A3.CSS中块级元素转换成行级元素的代码是？A、display：inlineB、diaplay：blockC、display：inline-blockD、不可以转换答案：A4.HTML中段落的代码是？A、pB、h2C、p1D、i答案：A5.CSS的transition过渡时间曲线的代码是？A、transition-timing-functionB、transition-durationC、text-alignD、transition-delay答案：A6.在HTML中行内使用CSS样式需要用到哪个代码？A、styleB、linkC、scriptD、src答案：A7.CSS中去除无序列表默认的点代码是？A、list-style-typeB、listC、list-style-imageD、list-style-position答案：A8.CSS的transition过渡延迟的代码是？A、transition-delayB、transition-durationC、transition-timing-functionD、text-align答案：A9.CSS中的鼠标样式属性为？A、cursorB、inlineC、easeD、pointer答案：A10.CSS中设置文本垂直对齐方式的代码是？A、line-heightB、font-weightC、sizeD、font-size答案：A11.CSS中设置背景颜色的代码是？A、background-colorB、font-weightC、sizeD、font-family答案：A12.CSS中设置字体大小的代码是？A、font-sizeB、font-weightC、sizeD、font-family答案：A13.HTML中图片路径的代码是？A、srcB、hrefC、fromD、to答案：A14.HTML中下拉菜单的代码是？A、selectB、passwordC、radioD、checkbox答案：A15.CSS中容器的外边距代码是？A、marginB、paddingC、outD、inner答案：A16.HTML中文本输入框的代码是type=？A、textB、passwordC、radioD、checkbox答案：A17.CSS中设置字体粗细的代码是？A、font-weightB、font-sizeC、sizeD、font-family答案：A18.HTML中多选按钮输入框的代码是type=？A、radioB、passwordC、textD、checkbox答案：A19.HTML中超链接的代码是？A、B、hC、lD、f答案：A20.CSS中设置文本阴影的代码是？A、text-shadowB、font-weightC、sizeD、font-size答案：A21.在HTML中外部使用CSS样式需要用到哪个代码？A、linkB、styleC、scriptD、src答案：A22.HTML中超链接跳转路径的代码是？A、hrefB、srcC、fromD、to答案：A23.HTML中表格的水平合并单元格代码是？A、colspanB、rowspanC、D、r答案：A24.HTML中表格的垂直合并单元格代码是？A、rowspanB、colspanC、D、r答案：A25.CSS的transition过渡为匀速时间曲线的代码是？A、linearB、ease-inC、ease-outD、text-align答案：A26.超链接伪类的代码是？A、:hoverB、hoverC、hrefD、a答案：A27.CSS中设置盒子阴影的代码是？A、box-shadowB、font-weightC、sizeD、font-size答案：A28.HTML中按钮的代码是？A、buttonB、passwordC、radioD、text答案：A29.CSS中背景图片垂直方向位置的代码是？A、background-position-yB、ackground-imgC、background-repeatD、background-image答案：A30.CSS中背景图片水平方向位置的代码是？A、background-position-xB、ackground-imgC、background-repeatD、background-image答案：A31.CSS中无序列表图标位置的代码是？A、list-style-positionB、listC、list-style-imageD、font-size答案：A32.CSS的animation动画方向的代码是？A、nimation-directionB、animation-durationC、animation-timing-functionD、transition-duration答案：A33.CSS中设置字体颜色的代码是？A、colorB、font-weightC、sizeD、font-family答案：A34.CSS中透明效果代码是？A、transparentB、list-style-typeC、txt-indentD、line-height答案：A35.CSS中设置弹性布局display水平方向的属性应设置为？A、justify-contentB、alignC、enterD、text-align答案：A36.CSS中的左浮动代码是？A、float：leftB、leftC、float：rightD、right答案：A37.HTML中密码输入框的代码是type=？A、passwordB、textC、radioD、checkbox答案：A38.HTML中换行的代码是？A、brB、/nC、\nD、回车答案：A39.CSS中文本首行缩进的代码是？A、text-indentB、listC、txt-indentD、font-indent答案：A40.HTML中下面哪一个是行级元素？A、B、h1C、h3D、p答案：A41.CSS的transition过渡时间的代码是？A、transition-durationB、text-alignC、transition-timing-functionD、transition-delay答案：A42.HTML中表格的代码是？A、tableB、trC、tdD、excel答案：A43.HTML中图片的代码是？A、imgB、imageC、pngD、jpg答案：A44.CSS中设置盒子圆角的代码是？A、border-radiusB、font-weightC、sizeD、font-size答案：A45.CSS中背景图片的代码是？A、background-imageB、ackground-imgC、background-repeatD、background-position答案：A46.HTML中下面哪一个是块级元素？A、pB、imgC、spanD、a答案：A47.CSS的animation动画延迟的代码是？A、nimation-delayB、animation-durationC、animation-timing-functionD、transition-duration答案：A48.HTML中标题的代码是？A、h1B、h7C、p2D、b3答案：A49.HTML中单选按钮输入框的代码是type=？A、textB、passwordC、radioD、checkbox答案：A50.CSS3中的弹性布局应设置在哪里？A、中父容器中B、ody页面中C、html页面D、子容器中答案：A多选题1.在HTML中如何使用CSS样式？A、styleB、linkC、scriptD、css答案：AB2.html代码中表单的标签代码有哪些？A、inputB、formC、passwordD、radio答案：AB3.CSS的animation动画时间曲线的代码有哪些？A、easeB、ease-inC、ease-outD、linear答案：ABCD4.html代码中表单的属性有哪些？A、inputB、textC、targetD、action答案：CD5.html代码中表格的属性有哪些？A、lignB、valignC、heightD、border答案：ABCD6.HTML中盒子模型的总宽度和高度包括哪些？A、本身的高度和宽度B、边框C、外边距D、内边距答案：ABCD7.HTML中标题的代码有哪些？A、h1B、h2C、h3D、h4答案：ABCD8.css的外边距可以调整哪些值？A、margin-topB、leftC、margin-leftD、right答案：AC9.在html页面中添加css样式的方法有哪几种？A、内部引用B、行内引用C、外部引用D、以上方法均可答案：ABCD10.css中盒子模型的属性有哪些？A、marginB、paddingC、borderD、action答案：ABC11.HTML中的块级元素有哪些？A、B、imgC、h2D、p答案：CD12.CSS3中的弹性布局的属性有哪些？A、justify-contentB、align-itemsC、text-alignD、align答案：AB13.HTML中的定位有哪些？A、绝对定位B、相对定位C、固定定位D、以上多可以答案：ABCD14.HTML中的行级元素有哪些？A、B、imgC、h1D、p答案：AB15.css代码中的结构伪类选择器有哪些？A、:first-childB、:last-childC、:nth-childD、以上都可以答案：ABCD16.css的定位可以调整哪些值？A、padding-topB、leftC、padding-leftD、right答案：BD17.网页在排版的过程中可以使用的代码有哪些？A、table布局B、div布局C、弹性布局D、以上都可以答案：ABCD18.css代码中列表相关的代码有哪些？A、list-style-typeB、list-styleC、list-style-imageD、list-style-position答案：ABCD19.css的内边距可以调整哪些值？A、padding-topB、leftC、padding-leftD、right答案：AC20.CSS的animation动画的代码有哪些？A、nimation-nameB、animation-durationC、animation-timing-functionD、animation-direction答案：ABCD21.CSS的类名称中可以使用哪些名称？A、123B、123abcC、abc123D、abc答案：CD22.css中的背景样式代码有哪些？A、background-imageB、ackground-imgC、background-repeatD、background-position答案：ACD23.css的基本样式有哪些？A、font-sizeB、font-weightC、sizeD、font-family答案：ABD24.html代码的转义字符有哪些？A、空格B、回车C、 D、©答案：CD25.表格在使用的过程中可以实现合并的代码有哪些？A、colspanB、rowspanC、alignD、valign答案：AB26.HTML中表格的相关代码有哪些？A、tableB、trC、tdD、b答案：ABC27.HTML中的按钮有哪些？A、buttonB、resetC、submitD、input答案：ABC28.CSS的transition过渡的代码有哪些？A、transition-propertyB、transition-durationC、transition-timing-functionD、transition-delay答案：ABCD29.CSS中的选择器有哪些？A、类选择器B、id选择器C、标签选择器D、后代选择器答案：ABCD30.CSS的transition过渡时间曲线的代码有哪些？A、easeB、ease-inC、ease-outD、linear答案：ABCD判断题1.CSS的类名称中可以使用数字开始A、正确B、错误答案：B2.HTML中表格的垂直合并单元格代码是rowspanA、正确B、错误答案：A3.HTML中br是水平线的代码A、正确B、错误答案：B4.CSS中可以设置文本的text-overflow：ellipsis；实现省略号的效果A、正确B、错误答案：A5.HTML中p是段落的代码A、正确B、错误答案：A6.CSS中的块级元素和行级元素不能互相转换A、正确B、错误答案：B7.HTML中表格的水平对齐方式代码是valignA、正确B、错误答案：B8.在HTML中行内使用CSS样式需要用到styleA、正确B、错误答案：A9.CSS的id名称可以重复A、正确B、错误答案：B10.在HTML中使用CSS样式有5种方式A、正确B、错误答案：B11.CSS中如果渐变色特别复杂时可以使用背景水平平铺效果替代渐变色A、正确B、错误答案：A12.HTML中表格的代码是tableA、正确B、错误答案：A13.HTML中hr是换行的代码A、正确B、错误答案：B14.HTML中h7是标题的代码A、正确B、错误答案：B15.CSS中的transparent代表透明A、正确B、错误答案：A16.CSS中的高度和行高的代码调整成一样的尺寸会实现文本垂直居中的效果A、正确B、错误答案：A17.HTML中表格的行代码是tdA、正确B、错误答案：B18.HTML中表格的边框代码是bA、正确B、错误答案：B19.HTML中表格的单元格代码是tdA、正确B、错误答案：A20.CSS中的box-sizing：border-box会调整容器变形问题A、正确B、错误答案：A21.CSS中的并集选择器使用句号A、正确B、错误答案：B22.CSS中如果对应的值有尺寸，必须写单位，如30pxA、正确B、错误答案：A23.HTML中超链接跳转路径的代码是hrefA、正确B、错误答案：A24.在使用CSS定位时通常采用外相内绝的定位方式A、正确B、错误答案：A25.CSS的类名称不可以重复A、正确B、错误答案：B26.HTML中超链接的代码是aA、正确B、错误答案：A27.在HTML中外部使用CSS样式需要用到linkA、正确B、错误答案：A28.HTML中表格的垂直对齐方式代码是alignA、正确B、错误答案：B29.HTML中图片的代码是imgA、正确B、错误答案：A30.HTML中表格的水平合并单元格代码是colspanA、正确B、错误答案：A填空题1.HTML中文本输入框是________元素。（填写块级或者行级）答案：行级2.HTML中将块级元素转换为行级元素的代码值为display：________。答案：inline3.HTML中水平线的代码是________。答案：hr4.CSS代码中的ID选择器在使用的时候用________标识符。答案：#5.HTML中表格中垂直合并单元格的代码是________。答案：rowspan6.CSS的变形的代码为________。答案：transform7.HTML中表格中边框的代码是________。答案：border8.HTML中表格中水平的对齐方式代码是________。答案：align9.在HTML中使用CSS样式有________种方式。答案：310.在HTML中行内使用CSS样式需要用到________代码。答案：style11.HTML中超链接的代码是________。答案：a12.HTML中表格的代码是________。答案：table13.HTML中表格中水平合并单元格的代码是________。答案：colspan14.HTML中段落的代码是________。答案：p15.HTML中表格中垂直的对齐方式代码是________。答案：valign16.HTML中表格中列的代码是________。答案：td17.在HTML中外部使用CSS样式需要用到________代码。答案：link18.HTML中版权号的代码是________。答案：©19.HTML中将行级元素转换为块级元素的代码值为display：________。答案：block20.HTML中换行的代码是________。答案：br21.HTML中图片的代码是________。答案：img22.CSS的过渡的代码为________。答案：transition23.CSS的动画的代码为________。答案：animation24.CSS代码中的类选择器在使用的时候用________标识符。答案：.25.HTML中空格的代码是________。答案： 26.HTML中表格中行的代码是________。答案：tr27.HTML中既有行级元素特性又有块级元素特性的代码值为display：________。答案：inline-block28.HTML中ul是________元素。（填写块级或者行级）答案：块级29.CSS中设置字体颜色的代码是________。答案：color30.CSS中图标的代码为________。答案：icon简答题1.什么是超链接？答案：在一个页面通过点击跳转到另外一个页面的过程。2.请简要分析网页中的HTML部分答案：超文本标记语言能够搭建网页内容。但使用HTML只能搭建毛坯网页。3.试分析常规的盒子模型布局和弹性布局的区别答案：常规的盒子模型在排版的过程中可以通过使用浮动进行设置。弹性布局需要找到父容器进行设置。4.请分析表格标签代码在现实项目中的应用答案：表格布局较繁琐，需要嵌套的代码比较多，因此在使用的过程有有很大的局限性。5.试分析下拉菜单中的内容答案：页面展示的内容需要放在option中，如果想要通过JS获取则需要放在value属性中。6.列表答案：HTML支持有序列表、无序列表和自定义列表。7.结构答案：HTML负责网页的具体内容（结构）8.网站在现实生活中应用广泛，请分析网站在设计的过程中如何应用到页面中。答案：HTML是用来描述网页的一种语言。使用HTML来建立自己的Web站点，HTML运行在浏览器上，由浏览器来解析。9.内部样式表答案：可以在<head>部分通过<style>标签定义内部样式表。10.html编辑器答案：HTML文件是文本文件，因此你可以使用任何文本编辑器来创建HTML文件。如hbuilder等。11.表单答案：表单是一个包含表单元素的区域。12.试分析无序列表在项目中的应用答案：可以通过对无序列表的变形实现展示的效果。比如导航栏等。13.什么是id选择器？答案：id选择器名称不可以重复。14.请分析网站在设计的过程中如何将CSS样式应用到HTML页面中。答案：可以分为：内联样式、内部样式和外部样式。15.布局答案：CSS则修饰网页的表现形式（布局）16.如何改变块级元素的排列方法？答案：可以通过浮动的方式改变块级元素的位置。17.什么是内部样式？答案：在HTML文档头部<head>区域使用<style>元素来包含CSS。18.试分析列表样式和背景样式在页面中的应用答案：列表和背景都能实现相应的样式效果。但是想对来讲背景样式的使用要更加灵活和广泛。19.试分析CSS样式在网站中的应用答案：它能使网页上的字号、字体颜色、背景图像等变得更加美观。使用CSS相当于给网页装修。20.编码格式答案：对于中文网页需要使用声明编码，否则会出现乱码。21.什么是子元素选择器？答案：通过元素之间父类和子代的关系对HTML代码进行修饰。注意和父类后代选择器的区别使用。22.试分析网页中图片的属性答案：图片可以设置宽度、高度、图片的透明度等等。23.什么是外部样式？答案：使用外部CSS文件需要用到link24.什么是布局？答案：CSS则修饰网页的表现形式25.发送表单数据答案：action属性规定当提交表单时，向何处发送表单数据。26.分析盒子模型在网站布局和设计中的组成部分及应用。答案：盒子模型的内边距可以设置文本内容和边框的距离。盒子模型的外边距可以设置盒子与盒子之间的距离。可以通过浮动对盒子模型进行调整。27.链接答案：超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。28.试分析单选按钮在使用的过程中的注意事项答案：单选按钮必须添加的属性为name，并保证name属性的值相同才能实现单选的效果。29.注释答案：可以将注释插入HTML代码中，这样可以​提高其可读性​，使代码更易被人理解。30.什么是HTML？答案：HTML​指的是​超文本标记语言是用来描述网页的一种语言。使用HTML来建立自己的Web站点，HTML运行在浏览器上，由浏览器来解析。31.水平线答案：hr是一个空元素，这里的“hr”是水平线的意思。32.CSS中通常使用背景样式替代列表样式达到页面的展示效果，请简要分析。答案：背景样式可以设置背景图片，包括背景图片的大小、位置等。33.HTML答案：​HTML​指的是​超文本标记语言，是用来描述网页的一种语言。34.什么是网页结构？答案：HTML负责网页的具体内容35.CSS答案：层叠样式表又称为级联样式表，是用于渲染HTML元素标签的样式。36.试分析表单和表格代码在页面中的应用答案：表格属于网站的页面布局。表单是用来获取用户输入的信息。属于不同的模块代码。37.什么是内联样式？答案：在HTML元素中使用<style>属性。38.什么是div布局？答案：div属于块级元素。在网页布局应用方面使用广泛。39.什么是后代选择器？答案：通过元素之间父类和后代的关系对