网页样式与布局复习题

《网页样式与布局复习题》由会员分享，可在线阅读，更多相关《网页样式与布局复习题（12页珍藏版）》请在装配图网上搜索。

1、一、选择题：1. HTML中的（ ）标签是用于定义浏览器窗口标题栏上的文本信息。A. html B.body C. title D.br 2. HTML是一种（ ）。 A. 超文本标记语言 B. 超文本编程语言 C. 超文本脚本语言 D. 可扩展超文本标签语言 3. 标签的作用是（ ）。 A. 把文本作为标题来显示 B. 把文本作为斜体来显示 C. 把文本作为粗体来显示 D. 用于显示强调的文本4. 以下有关列表的说法中，错误的是（ ）。A有序列表和无序列表可以互相嵌套。B指定嵌套列表时，也可以具体指定项目符号或编号样式。C无序列表应使用 UL 和 LI 标记符进行创建。D在创建列表时，LI

2、标记符的结束标记符不可省略。5. 以下关于JPEG图像格式中，错误的是（ ）。A适合表现真彩色的照片。 B最多可以指定1024种颜色。C不能设置透明度。 D可以控制压缩比例。6. 如果要在表单里创建一个普通文本框，以下写法中正确的是（ ）。 A BC D7. 以下有关表单的说明中，错误的是（ ）。A表单通常用于搜集用户信息。B在 FORM 标记符中使用 action 属性指定表单处理程序的位置。C表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。D在 FORM 标记符中使用 method 属性指定提交表单数据的方法。8. 在指定单选框时，只有将以下（ ）属性的值指定为相同，才能使它们成

3、为一组。答案：BAtype Bname Cvalue Dchecked9. 创建选项菜单应使用以下标记符（ ）。 ASELECT 和 OPTION BINPUT 和 LABEL CINPUT DINPUT 和 OPTION9. 以下有关按钮的说法中，错误的是（ ）。A可以用图像作为提交按钮。 B可以用图像作为重置按钮。C可以控制提交按钮上的显示文字。D可以控制重置按钮上的显示文字。10. 要创建一个左右框架，右边框架宽度是左边框架的3倍，以下HTML语句正确的是（ ）。A. B.C. D.11. 以下说法中，正确的是（ ）。A.在 IMG 标记符中使用 align 属性，可以控制图象在页面中的

4、对齐。B.在 IMG 标记符中使用 align 属性，可以控制图象与文字的环绕效果。C.在 IMG 标记符中使用 valign 属性，可以控制图象与周围内容的垂直对齐。D.在 IMG 标记符中使用 valign 属性，可以控制图象与周围内容的水平对齐。12. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( )A.display:inline B.display:none C.display:block D.display:inherit13. CSS样式有哪几种，请选择下列正确的一项（ ）。A.内样式，内嵌式，链接式，导入式B.内连式，链接式，导入式，内样式C.内嵌式，内连式，导入

5、式，链接式D.内样式，内嵌式，链接式，导出式14. CSS中ID选择符在定义的前面要有指示符（ D）。（A）*（B）.（C）!（D）# 15. 创建自定义CSS样式时，样式名称的前面必须加一个_ （ ）A.$ B.# C.? D.原点 16.a:hover表示超链接文字在（ ）时的状态。 A、鼠标按下 B、鼠标经过 C、鼠标放上去 D、访问过后 16. li 元素中包含img 元素的时候，IE 中img 下面多出了5px左右的空白，下列哪个处理办法不可行（ ）。A使 li 浮动，并设置 img 为块级元素B设置 ul 的 font-size:0;C设置 img 的 margin: 0;D设置

6、img 的 margin-bottom: -5px;17. 关于XML语言下列描述不正确的是（ ）。 A. XML声明是处理指令的一种，必须位于XML文档的第一行。 B. XML中的元素样式是：数据内容。 C. XML的属性值必须加引号。 D. XML不是一种具有严格语义的结构化语言。18. CSS是利用（）XHTML标记构建网页布局。 A B C D 19. 在CSS语言中下列（）项是左边框的语法。 Aborder-left-width: Bborder-top-width: Cborder-left: Dborder-top-width: 20. 下列选项中不属于CSS 文本属性的是（ ）

7、Afont-size Btext-transform Ctext-align Dline-height21. 在CSS 中不属于添加在当前页面的形式是（ ）A内联式样式表 B嵌入式样式表 C层叠式样式表 D链接式样式表22. 在CSS语言中下列（）项是列表样式图象的语法。 A、width: B、height: C、white-space: D、list-style-image: 23. 下列哪一项是css正确的语法构成？（ ） A、body:color=black B、body;color:black C、body color: black; D.、body:color=black(body2

8、4. 下面哪个CSS属性是用来更改背景颜色的？ （ ）A.background-color: B.bgcolor: C.color: D、text:25. 怎样给所有的标签添加背景颜色? （ ） A、.h1 background-color:#FFFFFF B、h1 background-color:#FFFFFF; C、h1.all background-color:#FFFFFF D、#h1 background-color:#FFFFFF26. 下列哪个css属性可以更改样式表的字体颜色？ （ ）A.text-color= B.fgcolor: C.text-color: D.color

9、: 27. 下列哪个css属性可以更改字体大小？ （ ）A.text-size B.font-size C.text-style D.font-style 28. 下列哪段代码能够定义所有P标签内文字加粗？（ ） A. B. C.p text-size:bold D.p font-weight:bold 29. 如何去掉文本超级链接的下划线？ （ ）A.a text-decoration:no underline B.a underline:none C.a decoration:no underline D.a text-decoration:none 30. 如何设置英文首字母大写？A.t

10、ext-transform:uppercase B.text-transform:capitalize C.样式表做不到 D、text-decoration:none31. 下列哪个css属性能够更改文本字体？ （ ）A.f: B.font= C.font-family: D、text-decoration:none32. 下列哪个css属性能够设置文本加粗？ （ ）A.font-weight:bold B.style:bold C.font:b D.font= 33.下列哪个css属性能够设置盒模型的内填充为10、20、30、40（顺时针方向）？（ ）A.padding:10px 20px

11、30px 40px B.padding:10px 1pxC.padding:5px 20px 10px D.padding:10px 34. 下列哪个属性能够设置盒模型的左侧外边界？ （ ）A.margin: B.indent: C.margin-left: D.text-indent: 35. 如何能够定义列表的项目符号为实心矩形？（ ）A.list-type: square B.type: 2 C.type: square D.list-style-type: square二、填空题：1. 网站建设标准不是某一个标准，而是一系列标准的结合，对应的标准分为_、_和_等三方面。2. 一个HTM

12、L基本页面，必需由等_、_和_三个部分构成。3. 如果要为网页指定黑色的背景颜色，应使用以下html语句：。4. 表示创建一条 _的水平线。5. 在 OL 标记符中，使用_属性可以控制有序列表的数字序列样式。6. 请至少说明 GIF 格式的两种特点：_ ；_ 。7. 请至少说出两种以上的图像处理软件的名称：_ 。8. 如果要创建一个指向电子邮件 someone的超链接，代码应该如下：指向someone的超链接9. 在给图象指定超链接时，默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使用以下语句：10. 在指定页内超链接的时候，如果在某一个位置使用了锚点语句定义了锚点，那么应使用以下语句

13、，以便在单击超链接时跳转到锚点定义的位置：锚点链接。11. 上网浏览网页时，应使用 作为客户端程序。12. TITLE 标记符应位于 标记符之间。13. 目前常用的WEB标准静态页面语言是_ 。14. div与span的区别是_。15. 改变元素的外边距用_，改变元素的内填充用_。16. Color:#FFFFFF;可缩写为_。17. 合理的页面布局中常听过结构与表现分离，那么结构是_，表现是_。19. 如下图为一个border为1px 的div块，总宽度为215px（包括border），阴影区为padding-left:25px;，那么此div的width应设置为_px。20. XML文档由

14、DTD和XML两部分文本组成，所谓DTD简单的说就是一组_，表明XML文本是怎样组成的。21. CSS 中的选择器包括有 、 和 。22. 在CSS中，盒子模型的padding属性包括有等 、 、 和底填充等属性。23.边框的样式可以包含的值包括粗细、 和 等。24.在CSS中，盒模型的属性包括有 、 和 等。25.在HTML文档中，可以直接将JavaScript代码编写到 标签中间，注意不能将 标签放进的标签中。26.在CSS中，使用给display属性设置值 和 为可以分别定义块元素和行内元素。27. 使用CSS定位时，可以通过“ ”、“ ”或“固定”方式，对网页里的任何一个元素进行定位。

15、三、判断题：1. 在HTML页面中，和标签是可以被放置在标签的外面。( )2. 标记是被JavaScript作为注释来使用的。（ ）3. HTML标记符的属性一般不区分大小写。（ ）4. 网站就是一个链接的页面集合。（ ）5. 所有的HTML标记符都包括开始标记符和结束标记符。（ ）6. 用H1标记符修饰的文字通常比用H6标记符修饰的要小。（ ）7. B标记符表示用粗体显示所包括的文字。（ ）8. GIF格式的图象最多可以显示256种颜色。（ ）9. HTML表格在默认情况下有边框。（ ）10. 创建图象映射时，理论上可以指定任何形状作为热点。（ ）11. 使用 font 标记符的size 属

16、性可以指定字体的大小。（ ）12. 不只表格可以用来对页面进行布局，层也同样可以。（ ）13. 如果浏览者没有安装网页上所设置的文字，则会以默认的字体取代原来的。（ ）14. 超链接只能在不同的网页之间进行跳转。（ ）15. 一个大div块里包含一个小的div，设置小的div与大div的左边距5px样式的标准写法是margin-left:5px;。（ ）16. IE浏览器与Firefox浏览器之间虽然存在着一些CSS样式不兼容的问题，但不会出现字体大小不兼容的问题。（ ）17. 在CSS中背景附件相关的属性是适用于所有的对象。（ ）18. 在CSS中定义盒模型时，外边界也可以使用负值。（ ）四

17、、简答题：1. 请举例说明在网页中使用CSS样式表的三种方式。2. IE6下为什么无法定义1px左右高度的容器?3. 怎么样才能让层显示在FLASH之上呢?4. firefox嵌套div标签的居中问题的解决方法，假定有如下情况： 如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常；但是在Firefox中b却会是居左的。5. 如何让所有页面共享同一个层叠样式表(CSS)?6. 如何居中一个浮动元素?7. 请写出让一个input的背景颜色变成红色的CSS代码。8. 简述ajax的原理.9. 当在出现IE6浏览器不能正常解析C

18、SS样式的情况时，发现CSS与HTML代码多没有问题，那么请问可能是由什么原因引起上述情况，并用什么方法进行解决？10. 在IE和Firefox浏览器中，会出现两个浏览器所显示字体大小差别明显地问题，请问这是由于什么原因引起的，并可以使用什么方法进行解决？五、代码综合分析题：1. 下面给出的是准备用于实现如图5.1所示的页面效果的部分代码，但基中有部分代码编写出现一个错误，不能正确的显示。请分析该代码，并找出错误的代码将以改正。图5.11 2 3 4 5 欢迎访问老竹民族学校！6 7 8 9 10 11 12 页面主体部分的代码省略13 14 行号错误代码改正代码2. 下面的代码是用于产生如图

19、5.2所示的页面效果（基中所有文字的大小为14px；整个列表框的宽度为200px；左侧列表宽度为120px；右侧列表宽度为80px；链接鼠标移过时文字的颜色为黑色，并带有下划线）的代码，请根据页面效果分析把空格位置的代码补充完整。图5.2无标题文档_*padding:0px;margin:0px;bodyfont-family:Arial, Helvetica, sans-serif;_.bigwidth:200px;border:#B5E481 1px solid;background-color:#CEF7C8;margin:20px 0 0 20px;.left_float:left;.

20、rightwidth:80px;_text-align:center;ul_margin:0 0 10px 10px;liheight:18px;line-height:18px;margin:5px 0 5px 0;acolor:#006600;_a:hover_text-decoration:underline; > sqlsever2005 > Dreamweaver8 > Photoshop3 > vs2005 下载 下载 下载 下载 _3. 下面的代码是用于产生如图5.3所示的页面效果（基中所有文字的字体为宋体、大小为12px；整个表单区域的宽度为300px、

21、表单区域的边框颜色为#999999；表单区域的边框粗细为1px；表单区域的边框类型为实线；单选按钮的背景色为#3399FF；提交按钮的前景色为#FFFFFF；提交按钮的高度为22px）的代码，请根据页面效果分析把空格位置的代码补充完整。图5.3无标题文档_* padding:0px;margin:0px;_ font-family:宋体;font-size:12px;.big _margin:0 auto 0 auto;_h1 display:block;height:25px;line-height:25px;font-size:14px;background-color:#CCCCCC;h2 font-size:12px;font-weight:400;margin:10px 0 0 5px;.big p margin:5px 0 0 5px;.lan_ _;border:1px dashed #FF0000; _  投票调查其他调查>> 你知道“陕西”的拼音吗？ 支持Shaanxi 支持Shanxi 能看懂就行 其他