网页设计测试题及参考答案

网页设计测试题及参考答案一、单选题（共30题，每题1分，共30分）1.下面的选项中，属于常用的图片格式并且能够做动画的是（）。A、psd格式B、gif格式C、jpg格式D、png格式正确答案：B2."页面上的div标签，其HTML代码为<'divid="box"class="red">文字<'/div>，为其设置CSS样式如下:#box{color:blue;}.red{color:red;}那么，文字的颜色将显示为（）。"A、红色B、蓝色C、黑色D、白色正确答案：B3.在网页中插入图像，若图像文件位于html文件的上一级文件夹，则在文件名之前加入（）。A、../../B、../C、./D、/正确答案：B4.关于创建锚点链接的代码，下列书写正确的是（）。正确答案：5.当<'p>标记内嵌套<'strong>标记时，就可以使用后代选择器对其中的<'strong>标记进行控制。下列写法正确是（）。A、strongp{color:red;}B、pstrong{color:red;}C、p.strong{color:red;}D、strong,p{color:red;}正确答案：B6.定义有序列表<'ol>的（）属性，可以决定有序列表项目符号的类型。A、valueB、relC、hrefD、type正确答案：D7.在网页中插入图像，若图像文件位于html文件的上两级文件夹，则在文件名之前加入（）。A、/B、../../C、./D、../正确答案：B8.下列选项中，没有对应的结束标记的是（）。A、<'title>B、<'br/>C、<'body>D、<'html>正确答案：B9.URL的俗称是什么？（）A、网址B、网页C、超链接D、地址栏正确答案：A10.下列选项中，字号最大的是（）。A、<'h3>B、<'h2>C、<'h4>D、<'h1>正确答案：D11.使用标签指定式选择器，让段落应用class名为test的类，下列写法正确的是（）。A、p,test{color:red;}B、p#test{color:red;}C、p.test{color:red;}D、p.test{color:red;}正确答案：C12.在CSS中，用于设置首行文本缩进的属性是（）。A、text-decorationB、text-alignC、text-transformD、text-indent正确答案：D13.下面关于网页设计名词，错误的是（）。A、HTMLB、PSC、DWD、AP正确答案：D14.为了更方便的控制网页中各种各样的字体，CSS提供了字体样式属性。下面选项中，设置字号大小书写正确的是（）。A、{font-size:24px;}B、{font:24px;}C、{fontSize:24px;}D、{size:24px;}正确答案：A15.关于行内式引入CSS样式表，以下书写正确的是（）。正确答案：16.下面的选项中，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}正确答案：C17.下列属性中，用于设置鼠标悬停时图像的提示文字的是（）。A、widthB、heightC、titleD、alt正确答案：C18.下列选项中哪个表示有序列表？（）A、<'ul><'/ul>B、<'dd><'/dd>C、<'li><'/li>D、<'ol><'/ol>正确答案：D19.下面的选项中，表示元素距离上下左右的外边距都是10px的是哪一项？（）A、{padding:10px0;}B、{margin:10px;}C、{padding:10px;}D、{margin:10px0;}正确答案：B20.若要在网页中插入样式表main.css，以下用法中正确的是（）。正确答案：21.在HTML中，常用于定义图文混排的列表是（）。A、无序列表B、有序列表C、定义列表D、菜单列表正确答案：C22.<'div>标记是网页布局中最常用的标记，其显示类型为（）。A、块级类型B、行内类型C、浮动类型D、行内块类型正确答案：A23.在Dreamweaver中，使用主浏览器预览网页的快捷键是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正确答案：B24.使用CSS时，需要遵从一定的规范。下面选项中，CSS样式书写正确的是（）。A、h1{font:12px;}B、h1[font_size:12px;]C、h1（font:size;）D、h1{font-size:12px;}正确答案：D25.在Dreamweaver中，使用次浏览器预览网页的快捷键是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正确答案：D26.关于有序列表的描述，下列说法正确的是（）。A、有序列表按顺序排列，并不带有序号。B、有序列表不可以和无序列表嵌套使用。C、有序列表按顺序排列并通过type属性定义序号样式。D、有序列表没有排列顺序。正确答案：C27.定义列表常用于对术语或名词进行解释和描述，用一对（）标记定义。A、<'dl><'dl>B、<'ul><'/ul>C、<'ol><'/ol>D、<'dt><'/dt>正确答案：A28.网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS书写正确的是（）。正确答案：29.在HTML中，常用的字符集编码方式有UTF-8和gb2312两种。下列关于字符集的描述正确的是（）。A、UTF-8字符集中，只有中文，没有日语、阿拉伯语等其他语言B、同样的文本，使用UTF-8格式要比gb2312格式文件体积小C、UTF-8字符集由中国制定标准D、制作有韩语字符的网页，不能使用gb2312字符集正确答案：D30.下列选项中，属于并集选择器书写方式的是（）。A、h1p{}B、h1,p{}C、h1_p{}D、h1-p{}正确答案：B二、多选题（共22题，每题1分，共22分）1.下列选项中，关于标签指定式选择器的写法正确的是（）。A、p.current{color:red;}B、.current.p{color:red;}C、div#current{color:red;}D、divcurrent{color:red;}正确答案：AC2.在下面的选项中，符合CSS基础选择器的语法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正确答案：ABCD3.在CSS中定义字体的粗细，以下书写正确的是（）。正确答案：4.在定义列表的基本语法中，<'dl><'/dl>标记中需要嵌套（）标记。A、<'td><'/td>B、<'dd><'/dd>C、<'p><'/p>D、<'dt><'/dt>正确答案：BD5.制作网页时一般需要兼容下列选项中的哪些浏览器（）。A、ieB、谷歌C、欧朋D、火狐正确答案：ABD6.使块级元素水平居中，需要遵循以下哪些条件？（）A、为元素设置宽度widthB、将元素左右外边距的值设置为autoC、使元素浮动floatD、为元素设置高度height正确答案：AB7.关于后代选择器，下列说法正确的是（）。A、后代选择器可以用于很多层的标签嵌套。B、后代选择器外层标记写在前面，内层标记写在后面。C、后代选择器主要用于嵌套的标签。D、后代选择器多个标签之间是用空格隔开的。正确答案：ABCD8.text-align属性用于设置文本内容的水平对齐，其可用属性值有（）。A、leftB、middlemiddleC、rightD、center正确答案：ACD9.关于无序列表的描述，下列说法错误的是（）。A、无序列表<'ul>可以让列表项采用大写罗马字母表示。B、无序列表<'ul>里面只能放置<'li>，不能放其他标签。C、无序列表<'ul>里面可以直接嵌套其他标签。D、无序列表<'li>里面可以嵌套其他标签。正确答案：AC10.关于内边距属性的赋值方式，下列说法正确的是（）。A、padding:10px;表示盒子四个方向padding均为10pxB、padding:10px20px30px;表示上为10px，右20px，下30px，左0pxC、padding:10px20px;表示上下为10px，左右为20pxD、padding:10px20px30px40px;表示上右下左内边距分别为10px、20px、30px、40px正确答案：ACD11.下列选项中的术语名词，属于网页术语的是（）。A、WEBB、HTTPC、DNSD、iOS正确答案：ABC12.在CSS中，使用链入式引入CSS样式表，要通过设置<'link/>标签的（）属性。正确答案：13.关于<'p>标记，下列说法正确的是（）。A、<'p>标记可以嵌套使用，比如<'p><'p><'/p><'/p>B、<'p>标记里面可以放置<'img/>标记C、<'p>标记负责给文本添加“段落”语义D、<'p>标记里面可以放置<'h3>标记正确答案：BC14.下面选项中，属于盒子模型主要属性的是（）。A、paddingB、typeC、marginD、border正确答案：ACD15.下面选项中，有哪些浏览器是基于IE内核？（）A、360浏览器B、搜狗浏览器C、谷歌浏览器D、遨游浏览器正确答案：ABD16.关于样式代码“padding:20px30px10px;”，下列说法正确的是（）。正确答案：17.浏览器是网页运行的平台，下列属于网页制作中常用浏览器的是（）。A、IEB、谷歌C、火狐D、搜狗正确答案：ABC18.下列选项中，可用于更改元素左外边距的是（）。A、marginB、margin-leftC、text-indentD、padding-right正确答案：AB19.关于链入式CSS样式表，下面说法正确的是（）。A、链入式CSS才是真正实现结构与样式分离的CSS书写方式B、链入式CSS代码必须也在一对style标签内部C、链入式CSS必须将所有CSS属性写在以.css为扩展名的外部样式表文件中D、一个HTML页面只能链接一个CSS文件正确答案：AC20.下面选项中，关于内边距的说法正确的是（）。A、内边距指的是元素内容与边框之间的距离，也常常称为内填充B、在CSS中设置盒子的内边距，需要使用padding属性C、内边距属性padding是一个复合属性D、padding属性取值方法很多，但是不允许使用三值写法正确答案：ABC21.下列选项中，可清除元素默认内外边距的是（）。A、padding:0;B、line-height:0;C、margin:0;D、font-size:0;正确答案：AC22.下面的选项中，支持透明的图像是（）。A、psd格式B、gif格式C、png格式D、jpg格式正确答案：BC三、判断题（共49题，每题1分，共49分）1.<'hr/>为单标记，用于定义一条水平线。A、正确B、错误正确答案：A2.使用复合属性padding定义内边距时，必须按顺时针顺序采用值复制，一个值为四边、两个值为上下/左右，三个值为上/左右/下。A、正确B、错误正确答案：A3.注释标记的基本语法是<'!--注释语句-->。A、正确B、错误正确答案：A4.在HTML语言中，常用的列表有三种，分别为无序列表、有序列表和定义列表。A、正确B、错误正确答案：A5.后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。A、正确B、错误正确答案：A6.书写图片路径的时候，尽量使用绝对路径，因为可以更稳定简洁。A、正确B、错误正确答案：B7.一个div的高度为200px，内边距为10px，边框为1px，那么它的总高度尺寸为222px。A、正确B、错误正确答案：A8.CSS样式中的注释“/**/”中的内容，浏览器不会解析，主要是用于提示初学者。A、正确B、错误正确答案：A9.在CSS代码中，空格是不被解析的。因此，属性的值和单位之间允许出现空格。A、正确B、错误正确答案：B10.在Dreamweaver中，可以通过菜单栏中的【插入】→【HTML】→【特殊字符】选项直接插入相应特殊字符的代码。A、正确B、错误正确答案：A11.在图像常用格式中，GIF只能处理256种颜色。A、正确B、错误正确答案：A12.<'p>是HTML文档中最常见的标记，文本在一个段落中会根据浏览器窗口的大小自动换行。A、正确B、错误正确答案：A13.清除链接图像的边框效果，是为了使图像正常显示。A、正确B、错误正确答案：A14.设置访问前超链接的样式，需要为<'a>标签添加链接伪类样式：a:visited。A、正确B、错误正确答案：B15.在Dreamweaver中制作网页，一般需要将菜单栏【窗口】模式下的【工作区布局】设置为【经典】模式。A、正确B、错误正确答案：A16.通配符选择器设置的样式对所有的HTML标记都生效，不管标记是否需要该样式，这样反而降低了代码的执行速度。A、正确B、错误正确答案：A17.在HTML标记中，属性之间不分先后顺序，标记名与属性、属性与属性之间均以逗号分开。A、正确B、错误正确答案：B18.行内元素和块元素可以相互嵌套。A、正确B、错误正确答案：B19.<'i><'/i>和<'em><'/em>都用来表示文字以斜体方式显示，但是一般推荐使用<'i>。A、正确B、错误正确答案：B20.在设置边框宽度和边框颜色时，必须同时设置边框样式。A、正确B、错误正确答案：A21.虽然导入式和链入式功能基本相同，但是大多数网站都是采用导入式引入外部样式表。A、正确B、错误正确答案：B22.在HTML中，标记可以拥有多个属性。A、正确B、错误正确答案：A23.内嵌式CSS样式用<'style>标记定义，<'style>标记一般位于<'head>标记中<'title>标记之后，也可以把它放在HTML文档的任何地方。A、正确B、错误正确答案：A24.padding属性用于设置内边距。在实际工作中，内边距属性单位通常为px，并可以取负值。A、正确B、错误正确答案：B25.<'s>和<'del>都可以使文字以加删除线的方式显示（XHTML推荐使用<'s>）。A、正确B、错误正确答案：B26.外边距指的是元素边框与相邻元素之间的距离。A、正确B、错误正确答案：A27.锚点链接就是带有id属性的超链接标签。A、正确B、错误正确答案：A28.开头处可以不使用<'!DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型。A、正确B、错误正确答案：B29.标签指定式选择器又称并集选择器，是各个选择器通过逗号连接而成的。A、正确B、错误正确答案：B30.在<'head>中使用<'link>标记可引用外部文件，一个页面只允许使用一个<'link>标记引用外部文件。A、正确B、错误正确答案：B31.盒子模型中，外边距合并问题是IE6独有的一个BUG，需要专门解决。A、正确B、错误正确答案：B32.书写CSS样式时，多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略。A、正确B、错误正确答案：A33.id选择器使用“#”进行标识，后面紧跟id名。A、正确B、错误正确答案：A34.CSS样式中的选择器严格区分大小写，属性和值可以不区分大小写。A、正确B、错误正确答案：A35.在<'font>标记中，size可以取到的值为1~8。A、正确B、错误正确答案：B36.由于CSS内嵌式写法是将CS