网页设计习题与答案

网页设计习题与答案一、单选题（共30题，每题1分，共30分）1、<'div>标记是网页布局中最常用的标记，其显示类型为（）。A、浮动类型B、块级类型C、行内类型D、行内块类型正确答案：B2、关于盒子模型中的宽度和高度属性，下面说法正确的是（）。A、盒子模型中的宽度和高度属性适用于所有元素B、盒子模型中的宽度和高度属性仅适用于行内元素C、盒子模型中的宽度和高度属性仅适用于块级元素D、以上说法都正确正确答案：C3、下列标记中，用来设置文本为粗体的是（）。A、<'strong><'/strong>B、<'del><'/del>C、<'em><'/em>D、<'u><'/u>正确答案：A4、下列选项中哪个表示有序列表？（）A、<'li><'/li>B、<'dd><'/dd>C、<'ol><'/ol>D、<'ul><'/ul>正确答案：C5、在网页中插入图像，若图像文件位于html文件的上两级文件夹，则在文件名之前加入（）。A、../../B、/C、./D、../正确答案：A6、使用标签指定式选择器，让段落应用class名为test的类，下列写法正确的是（）。A、p.test{color:red;}B、p.test{color:red;}C、p#test{color:red;}D、p,test{color:red;}正确答案：A7、定义列表常用于对术语或名词进行解释和描述，用一对（）标记定义。A、<'dl><'dl>B、<'ul><'/ul>C、<'dt><'/dt>D、<'ol><'/ol>正确答案：A8、位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范的标记是（）。A、<'!DOCTYPE>B、<'head><'/head>C、<'title><'/title>D、<'html><'/html>正确答案：A9、在下列属性中，用来定义文本字体颜色的是（）。A、colorB、sizeC、alignD、face正确答案：A10、下列选项中，属于并集选择器书写方式的是（）。A、h1,p{}B、h1p{}C、h1_p{}D、h1-p{}正确答案：A11、下列标记中，用于定义HTML文档所要显示内容的是（）。A、<'body><'/body>B、<'head><'/head>C、<'html><'/html>D、<'title><'/title>正确答案：A12、下面的选项中，CSS样式规则的具体格式正确的是（）。A、选择器{属性1:属性值1;属性2:属性值2属性3:属性值3}B、选择器{属性1:属性值1,属性2:属性值2,属性3:属性值3;}C、选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}D、选择器{属性1:属性值1属性2:属性值2属性3:属性值3}正确答案：C13、下列选项中，属于定义有序列表的基本语法格式的是（）。A、<'ul><'li>列表项1<'/li><'li>列表项2<'/li>......<'/ul>B、<'ol>……<'/ol><'ol>……<'/ol><'ol>……<'/ol>C、<'ol><'li>列表项1<'/li><'li>列表项2<'/li>......<'/ol>D、<'ul>......<'/ul>正确答案：C14、若要在网页中插入样式表main.css，以下用法中正确的是（）。正确答案：15、在HTML中，常用于定义图文混排的列表是（）。A、菜单列表B、无序列表C、有序列表D、定义列表正确答案：D16、WWW的中文简称是什么？（）A、浏览器B、超文本C、传输协议D、万维网正确答案：D17、下列选项中，不属于文本标记属性的是（）。A、nbsp;B、colorC、faceD、align正确答案：A18、在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（）。正确答案：19、下面选项中，可以将HTML页面的标题设置为“传智播客”的是（）。A、<'head>传智播客<'/head>B、<'title>传智播客<'/title>C、<'t>传智播客<'/t>D、<'h>传智播客<'/h>正确答案：B20、在HTML中，常用的字符集编码方式有UTF-8和gb2312两种。下列关于字符集的描述正确的是（）。A、UTF-8字符集中，只有中文，没有日语、阿拉伯语等其他语言B、同样的文本，使用UTF-8格式要比gb2312格式文件体积小C、UTF-8字符集由中国制定标准D、制作有韩语字符的网页，不能使用gb2312字符集正确答案：D21、下面标记中，用来显示段落的标记是（）。A、<'img/>B、<'h1>C、<'p>D、<'br/>正确答案：C22、下列属性中，用于设置鼠标悬停时图像的提示文字的是（）。A、widthB、heightC、altD、title正确答案：D23、关于创建锚点链接的代码，下列书写正确的是（）。正确答案：24、使用标签指定式选择器，让段落应用class名为test的类，下列写法正确的是（）。A、.p,test{color:red;}B、p.test{color:red;}C、p#test{color:red;}D、.p.test{color:red;}正确答案：B25、下列有关CSS样式，说法正确的是（）。A、CSS样式必须写在一对<'style><'/style>标签内部B、CSS用于设置HTML页面中的文本内容、图片的外形以及版面的布局等外观显示样式C、只有外部的CSS文件才是符合结构与表现分离的特点D、目前流行的CSS版本为CSS3正确答案：B26、在HTML中，表示内嵌CSS样式的标记是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正确答案：B27、下列选项中，表示网页头部信息的标记是（）。A、pB、headC、bodyD、html正确答案：B28、如果使用内嵌式CSS样式表定义<'p>标记字号为12像素，链入式定义<'p>标记颜色为红色，那么段落文本将显示为（）。A、只显示12像素B、12像素红色C、只显示红色D、以上都不正确正确答案：B29、下列选项中，符合后代选择器书写要求的是（）。A、p,strong{font-weight:bold;}B、p#div{font-weight:bold;}C、p.strong{font-weight:bold;}D、pstrong{font-weight:bold;}正确答案：D30、一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（）A、363pxB、336pxC、333pxD、366px正确答案：B二、多选题（共20题，每题1分，共20分）1、下面选项中，关于内边距的说法正确的是（）。A、内边距指的是元素内容与边框之间的距离，也常常称为内填充B、在CSS中设置盒子的内边距，需要使用padding属性C、内边距属性padding是一个复合属性D、padding属性取值方法很多，但是不允许使用三值写法正确答案：ABC2、关于内边距属性的赋值方式，下列说法正确的是（）。A、padding:10px;表示盒子四个方向padding均为10pxB、padding:10px20px30px;表示上为10px，右20px，下30px，左0pxC、padding:10px20px;表示上下为10px，左右为20pxD、padding:10px20px30px40px;表示上右下左内边距分别为10px、20px、30px、40px正确答案：ACD3、关于后代选择器，下列说法正确的是（）。A、后代选择器可以用于很多层的标签嵌套。B、后代选择器多个标签之间是用空格隔开的。C、后代选择器主要用于嵌套的标签。D、后代选择器外层标记写在前面，内层标记写在后面。正确答案：ABCD4、下面选项中，属于网页构成元素的是（）。A、文字B、视频C、psd文件D、音频正确答案：ABD5、下面的选项中，关于Web标准说法正确的是（）。A、Web标准只要包括HTML标准。B、Web标准是由浏览器的各大厂商联合制定的C、Web标准主要包括结构标准、表现标准和行为标准三个方面。D、Web标准并不是某一个标准，而是一系列标准的集合。正确答案：CD6、关于定义无序列表的基本语法格式，以下描述正确的是（）。A、<'li>不可以放在一对<'ul><'/ul>标记中。B、<'li><'/li>标记嵌套在<'ul><'/ul>标记中，用于描述具体的列表项。C、每对中至少应包含一对<'li><'/li>。D、<'ul><'/ul>标记用于定义无序列表。正确答案：BCD7、下面的应用软件，可以用于网页制作开发的是（）。A、EditplusB、notepad++C、DreamweaverD、3Dmax正确答案：ABC8、下面选项中，有哪些浏览器是基于IE内核？（）A、360浏览器B、搜狗浏览器C、谷歌浏览器D、遨游浏览器正确答案：ABD9、text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果，其可用属性值有（）。A、line-throughB、noneC、underlineD、overline正确答案：ABCD10、下列选项中，属于定义有序列表相关属性的是（）。A、startB、valueC、backgroundD、type正确答案：ABD11、在定义列表的基本语法中，<'dl><'/dl>标记中需要嵌套（）标记。A、<'dt><'/dt>B、<'p><'/p>C、<'td><'/td>D、<'dd><'/dd>正确答案：AD12、盒子模型有多个属性，其中元素内容与边框之间的距离通常被称为（）。A、外边距B、外填充C、内边距D、内填充正确答案：CD13、下面哪些是网页中的元素？（）A、图片B、文字C、视频、音频D、超链接正确答案：ABCD14、关于样式代码“padding:20px30px10px;”，下列说法正确的是（）。正确答案：15、HTML提供了许多标记，下列选项中，属于HTML标记的是（）。A、段落标记B、图片标记C、超链接标记D、标题标记正确答案：ABCD16、下列标记中，属于双标记的是（）。A、<'br/>B、<'h1>C、<'hr/>D、<'p>正确答案：BD17、使块级元素水平居中，需要遵循以下哪些条件？（）A、将元素左右外边距的值设置为autoB、为元素设置宽度widthC、使元素浮动floatD、为元素设置高度height正确答案：AB18、Dreamweaver能创建以下哪种类型的文档？（）A、JSB、CSSC、HTMLD、HTML模板正确答案：ABCD19、下列选项中，可用于定义背景颜色的是（）。A、background-color:red;B、background-color:rgb（255,0,0）;C、background-color:#f00;D、color:#f00;正确答案：ABC20、下列标记中，用来设置文本为粗体的是（）。A、<'strong><'/strong>B、<'u><'/u>C、<'b><'/b>D、<'del><'/del>正确答案：AC三、判断题（共40题，每题1分，共40分）1、清除链接图像的边框效果，是为了使图像正常显示。A、正确B、错误正确答案：A2、在使用列表时，如果列表项中包含若干子列表项，就需要将列表进行嵌套。A、正确B、错误正确答案：A3、一个div的高度为200px，内边距为10px，边框为1px，那么它的总高度尺寸为222px。A、正确B、错误正确答案：A4、在CSS中设置边框综合属性时，各个属性的值之间需要使用空格隔开。A、正确B、错误正确答案：A5、标签指定式选择器又称交集选择器，由两个选择器构成，它们之间用空格隔开。A、正确B、错误正确答案：B6、在HTML标记中，<'h1>标记属于双标记。A、正确B、错误正确答案：A7、如果需要在后代选择器中加入更多的元素，只需在元素之间加上逗号即可。A、正确B、错误正确答案：B8、body元素设置字号属性时，标题文本不会采用这个样式，说明标题标记没有继承文本字号，不具有继承性。A、正确B、错误正确答案：B9、在特殊字符中，使用“ ；”空格符可以实现想要的空白字符效果。A、正确B、错误正确答案：A10、在HTML中，盒子模型的总高度等于“height+padding+margin”的尺寸总和。A、正确B、错误正确答案：B11、在文本格式化标记中，<'s><'/s>和<'del><'/del>都用来给文本添加下划线。A、正确B、错误正确答案：B12、<'!DOCTYPE>标记和浏览器的兼容性无关，为了代码简洁，可以删掉。A、正确B、错误正确答案：B13、<'!DOCTYPE>标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。A、正确B、错误正确答案：A14、如果不给<'img/>标记设置宽和高，图片就会按照他的原始尺寸显示。A、正确B、错误正确答案：A15、<'title>与<'/title>标记之间，用于输入HTML文档的标题。A、正确B、错误正确答案：A16、不可以针对不同的浏览器设置不同的CSS样式。A、正确B、错误正确答案：B17、在CSS中，行高属性line-height是用来设置文本高度的。A、正确B、错误正确答案：B18、使用并集选择器定义样式与对各个基础选择器单独定义样式效果完全不相同。A、正确B、错误正确答案：B19、外边距属性的取值不可以为负值。A、正确B、错误正确答案：B20、无序列表的列表项<'li><'/li>中只能嵌套无序列表。A、正确B、错误正确答案：B21、设置访问前超链接的样式，需要为<'a>标签添加链接伪类样式：a:visited。A、正确B、错误正确答案：B22、有序列表即为有排列顺序的列表，<'ol><'/ol>标记用于定义有序列表。A、正确B、错误正确答案：A23、网页主要由文字、图像和超链接等元素构成。A、正确B、错误正确答案：A24、GIF是一种无损的图像格式，并且支持透明。A、正确B、错误正确答案：A25、页面中的信息，必须放在相应的HTML标记中，才能被浏览器正确解析。A、正确B、错误正确答案：A26、id选择器使用“.”进行标识，后面紧跟id名。A、正确B、错误正确答案：B27、在万维网上的所有文件（HTML、CSS、图片、音乐、视频等）都有唯一的URL，只要知道资源的URL，就能够对其进行访问。A、正确B、错误正确答案