1、一、填空题(共 6 小题)1、目前常用的 WEB 标准静态页面语言是 xhtml。2、div 与 span 的区别是 div 是块级元素,span 是内联元素。3、改变元素的外边距用 margin_,改变元素的内填充用_padding_。4、Color:#666666;可缩写为_color:#666_。5、合理的页面布局中常听过结构与表现分离,那么结构是 xhtml,表现是_css_ 。6、在 Table 中,TR 是_ 行_,TD 是_ 列_。7、 如果给一行两列的表格(table)定义高度样式,在_table_标签中定义最合理,最能减少代码的臃肿。8、 对 ul li 的样式设成无,应该是
2、用什么属性_list-style-type_属性值_ _none_。9、在新窗口打开链接的方法是_ _ _tar_。10、CSS 是利用 _ div _XHTML 标记构建网页布局? 11、在 CSS 语言中“左边框“的语法是_ border-left: _。 12、用来更改背景颜色的 CSS 属性是 background-color:。 13、更改样式表的字体颜色的 css 属性是_ color: _? 14、更改文本字体的 css 属性是 font-family:。 15、CSS 是 _Cascading Style Sheet_的缩写? 二、选择题(共 14 小题) 1、下列属于静态网页
3、的是( A ) A.index.htm B.index.jsp C.index.asp D.index.php 2、在 HTML 文档中,引用外部样式表的正确位置是?( D) A.文档的末尾 B.文档的顶部 C. 部分 D. 部分 3、在下面的 XHTML 中,哪个可以正确地标记折行?( A ) A. B. C. D. 4、如何在新窗口中打开链接?( D ) A. B. C. D. 5、选出你认为最合理的定义标题的方法( C ) A.文章标题 B.文章标题 C.文章标题 D.文章标题 6、a:hover 表示超链接文字在( C )时的状态。 ( ) A.鼠标按下 B.鼠标经过 C.鼠标放上去
4、D.访问过后 7、创建自定义 CSS 样式时,样式名称的前面必须加一个_ ( D ) A.$ B.# C.? D.原点 8、CSS 中 ID 选择符在定义的前面要有指示符( D ) 。 (A) * (B). (C )! (D )# 9、访问外部样式表的正确的 HTML 代码是( B ) A. B. C. mystyle.css D. 10、在 CSS 语言中下列哪一项是“列表样式图象“的语法?( D ) A. width: B. height: C. white-space: D. list-style-image: 11、下列哪一项是 css 正确的语法构成?(C) A、 body:colo
5、r=black B、body;color:black C、body color: black; D.、body:color=black(body 12、怎样给所有的标签添加背景颜色?( ) A、.h1 background-color:#FFFFFF B、h1 background-color:#FFFFFF; C、h1.all background-color:#FFFFFF D、#h1 background-color:#FFFFFF 13、下列哪个 css 属性可以更改字体大小?( B ) A.text-size B.font-size C.text-style D.font-style
6、 14、下列哪段代码能够定义所有 P 标签内文字加粗?( D ) A. B. C. p text-size:bold D. p font-weight:bold 15、如何去掉文本超级链接的下划线?( D ) A. a text-decoration:no underline B. a underline:none C. a decoration:no underline D. a text-decoration:none 16、下列哪个 css 属性能够更改文本字体? ( C ) A.f: B.font= C.font-family: D、text-decoration:none 17、下列
7、哪个 css 属性能够设置文本加粗? ( A )A.font-weight:bold B.style:bold C.font:b D.font= 18、下列哪个 css 属性能够设置盒模型的内补丁为 10、20、30、40 (顺时针方向)?( A ) A.padding:10px 20px 30px 40px B.padding:10px 1px C.padding:5px 20px 10px D.padding:10px 19、下列哪个属性能够设置盒模型的左侧外补丁?( C ) A.margin: B.indent: C.margin-left: D.text-indent: 20、如何能够
8、定义列表的项目符号为实心矩形?( D ) A.list-type: square B.type: 2 C.type: square D.list-style-type: square 21、HTML 文档中什么位置比较适合于引用外部样式表?( A )A. 在部分 B. 文档结尾 C. 文档开始 D. 在中 22、哪个 HTML 标签定义内部的样式表?( A )A. B. C. D. 23、CSS 中如何插入注释?( C ) A. / this is a comment / B. this is a commentC. /* this is a comment */ D. / this is a
9、 comment 24、哪个属性用来改变背景颜色?( A ) A. background-color: B. color: C. bgcolor: D. set-Color: 25、如何改变一个元素中的文本的颜色?( A ) A. color: B. text-color= C. text-color: D. fgcolor: 26、边框样式设定如下:上边框 10 像素、底边框 5 像素、左边框 20 像素、右边框 1像素,如何显示该样式( D )A. border-width:5px 20px 10px 1px B. border-width:10px 20px 5px 1px C. bor
10、der-width:10px 5px 20px 1px D. border-width:10px 1px 5px 20px27、将所有的 元素全部加粗的 CSS( A ) A. p font-weight:bold B. p text-size:bold C. D. 28、为了定义元素与其边框直接的空白区域,可以使用 padding 属性,但是是否可以将 padding 设为负值呢?( B )A. 可以 B. 不可以 C. 标准中没有规定 D. 不同浏览器是不同的 29、如何改变一个元素的居中?( D ) A. margin: B. margin-left: C. text-indent: D
11、.margin:0 auto;30、下列哪种 CSS 样式定义的方式拥有最高的优先级? ( B )A.嵌入 B.行内 C.链接 D. 导入31、web 标准的制定者是? ( B )A.微软 B.万维网联盟(W3C) C. 网景公司(Netscape ) D. SUN 公司32、下列的 HTML 中哪个是最大的标题? ( D ) A) B) C) D) 33、下列的 HTML 中哪个可以插入一条水平线? ( B )A) B) C) D) 34、 下列的 HTML 中哪个可以产生超链接?(C )A) W3S B) http:/ C) W3Schools D) http:/ 35、如何制作电子邮件链
12、接? ( C )A) B) C) D) xxxyyy 36. 以下选项中,哪个全部都是表格标签? ( B)A) B) C) D) 37. 如何产生带有数字列表符号的列表? ( C )A) B) C) D) 38. 如何产生带有圆点列表符号的列表? ( D)A) B) C) D) 39. 下列的 HTML 中哪个可以产生复选框? ( C )A) B) C) D) 40. 下列的 HTML 中哪个可以产生文本框? ( C)A) B) C) D) 41. 下列的 HTML 中哪个可以产生下拉列表? ( D)A) B) C) D) 42. 下列的 HTML 中哪个可以产生文本区? ( D)A) B)
13、C) D) 43. 下列的 HTML 中哪个可以插入图像? ( C)A) B) C) D) image.gif 44. CSS 是利用什么 XHTML 标记构建网页布局?( B ) A B C D 45. CSS 中,盒模型的属性不包括( A ) A. font B. margin C. padding D. border 46. 下面关于 CSS 的说法不正确的有 ( D )A. CSS 可以控制网页背景图片 B. margin 属性的属性值可以是百分比C. 整个 BODY 可以作为一个 BOX D. margin 属性不能同时设置四个边的边距 47. 下面关于 CSS 的说法不正确的有 (
14、 D ) A、CSS 可以控制网页背景图片 B、 margin 属性的属性值可以是百分比 C、字体大小的单位可以是 em D、1em 等于 18 像素 48. 边框的样式不包含的值有( D )A、粗细 B、颜色 C、样式 D、长短 49. 下列关于网页元素 overflow 的说法,正确的是 ( D )A指网页元素的位置,距离左边框和上边框的距离B指网页元素的位置,距离右边框和下边框的距离 C指网页元素的定位方式,可以取值中包括 absolute D指网页元素的内容溢出时,是否显示多余的内容 50. 如果想将两个层排列在同一行中,下列描述不能实现的是( C ) A直接插入两个 DIV 标记,会
15、自动排在同一行 B指定 DIV 的 position 属性为 absolute,然后将层位置拖放到同一行中C指定 DIV 标记的宽,并且指定其浮动方式,当层宽度之和小于外层元素 宽度时,会排在同一行 D使用一个表格,将两个层分别放入一行中的两个单元格内 51. 我们发现为页面中的图像加入超链接后,默认情况下都带有一道黑框,有什么方法可以去掉它呢? ( B ) A. bordercolor=“white“ B. border=“0“ C. style=“no border“ D. style=“0“ 上机操作题实例 1:图像的边框。 108ImgBorder-left:Spx #09F doub
16、le;Border-top:spx #C66 solid;Border-right:spx #6CF dotted;Border-bottom:spx #FC3 dashed;实例 2:图文混排。 111时尚丽人实例 3:137.tr_bg td Background.#FDFBCC;隔行换色表格报名序号姓名性别专业志愿201220001张三 男计算机 201220001王五 女英语201220001李四 女土木工程 201220001留意 男水利水电 实例 4:图像修饰符。 163华语音乐风云榜我的神奇 周笔畅火山 伍佰无法言喻 张靓颖幸福额度 苏打绿和荷塘月 凤凰传奇爱是你我 刀郎漫步人生
17、路 邓丽君不要不要 卓文萱遇上你是我的缘 央金兰泽黑苹果 周笔畅#wrapper Width:200px;Botder:2px solid #999;#wrapper * Margin:0;Padding:0;Font:12px/22px “宋体”,Verdana, Lucida, Arial, Helvetica, sans-serif;#wrapper h1 Height:32;Line-height:32px;Padding-left:10px;Font-weight:bold;Color:#FFFFFF;Background:url(h_bg.gir) repeat-x left top;#wrapper ul Helght:220pxPadding-left:26px;Background: url(ul_bd.gif) no-repeat 0 0;#wrapper li Height:22px;List-style:none;#wrapper li span Color: #CCC;实例 5:列表模式的纵向导航栏。 165