1、一、选择题1 CSS 是（ C ）的缩写。A Colorful Style SheetsB Computer Style SheetsC Cascading Style SheetsD Creative Style Sheets2 引用外部样式表的格式是（ B ） 。A B C mystyle.css3 引用外部样式表的元素应该放在 （ C ） 。A HTML 文档的开始的位置B HTML 文档的结束的位置C 在 head 元素中D 在 body 元素中4 内部样式表的元素是（ A ） 。A B C 5 元素中定义样式表的属性名是（ A ） 。A styleB classC stylesD f
2、ont6 下列 （ C ）是定义样式表的正确格式。A body:color=black(bodyB body:color=blackC body color: blackD body;color:black7 下列 （ A ）是定义样式表中的注释语句。A /* 注释语句 */B / 注释语句 C / 注释语句 /D 注释语句 8 如果要在不同的网页中应用相同的样式表定义，应该（ C ） 。A 直接在 HTML 的元素中定义样式表B 在 HTML 的 标记中定义样式表C 通过一个外部样式表文件定义样式表D 以上都可以9 样式表定义 #title color:red 表示（ B ） 。A 网页中的
3、标题是红色的B 网页中某一个 id 为 title 的元素中的内容是红色的C 网页中元素名为 title 的内容是红色的D 以上任意一个都可以10 样式表定义 .outer background-color:yellow 表示（ B ） 。A 网页中某一个 id 为 outer 的元素的背景色是红色的B 网页中含有 class=”outer” 元素的背景色是红色的C 网页中元素名为 outer 元素的背景色是红色的D 以上任意一个都可以11 下列（ B ）表示 p 元素中的字体是粗体。A p text-size:boldB p font-weight:boldC D 12 下列（ C ）表示
4、a 元素中的内容没有下划线。A a text-decoration:no underlineB a underline:noneC a text-decoration:noneD a decoration:no underline13 下列（ A ）表示上边框线宽 10px，下边框线宽 5px，左边框线宽 20px，右边框线宽 1px， 。A border-width:10px 1px 5px 20pxB border-width:10px 5px 20px 1pxC border-width:5px 20px 10px 1pxD border-width:10px 20px 5px 1px1
5、4 下列（ A ）表示左边距。A margin-leftB marginC indentD text-indent15 设置外边距（ A ）是负数。A 可以B 不可以16 下列（ A ）表示列表项符号是小方块。A list-style-type: squareB type: squareC list-type: squareD type: 217 “样式表定义中的 display 和 visibility 效果是一样的，都是用于网页指定对象的隐藏和显示”的说法是（ B ） 。A 正确的B 不正确的18 如果要将网页中的两个 div 对象制作为重叠效果， （ D ） 。A 是不可能的B 利用表格
6、标记C 利用样式表定义中的绝对位置与相对位置属性D 利用样式表定义中的 z-index 属性19.CSS 是利用什么 XHTML 标记构建网页布局？（ B ）A. B. C. D. 20.在 CSS 语言中下列哪一项是“左边框“ 的语法？（ C ）A. border-left-width: B. border-top-width: C. border-left: D. border-top-width: 21.在 CSS 语言中下列哪一项的适用对象是“所有对象“ ？（ A ）A. 背景附件 B. 文本排列 C. 纵向排列D. 文本缩进22.下列选项中不属于 CSS 文本属性的是（ D ）Afo
7、nt-size Btext-transformCtext-align Dline-height23.在 CSS 中不属于添加在当前页面的形式是（ D ）A内联式样式表 B嵌入式样式表C层叠式样式表 D链接式样式表24.在 CSS 语言中下列哪一项是“列表样式图象“ 的语法？（ D ）A. width: B. height: C. white-space: D. list-style-image: 25.下列哪一项是 css 正确的语法构成？（ C ） A. body:color=black B. body;color:black C. body color: black; D. .body:c
8、olor=black(body26.下面哪个 CSS 属性是用来更改背景颜色的？（ A ）A. background-color: B. bgcolor: C. color:D. text:27.怎样给所有的标签添加背景颜色?（ B ）A. .h1 background-color:#FFFFFF B. h1 background-color:#FFFFFF; C. h1.all background-color:#FFFFFFD. #h1 background-color:#FFFFFF28.下列哪个 css 属性可以更改样式表的字体颜色？（ D ）A. text-color= B. fgc
9、olor: C. text-color: D. color: 29.下列哪个 css 属性可以更改字体大小？（ B ）A. text-size B. font-size C. text-style D. font-style 30.下列哪段代码能够定义所有 P 标签内文字加粗？（ D ） A. B. C. p text-size:bold D. p font-weight:bold 31.如何去掉文本超级链接的下划线？ （ D ）A. a text-decoration:no underline B. a underline:none C. a decoration:no underline
10、D. a text-decoration:none 32.如何设置英文首字母大写？（ B ）A. text-transform:uppercase B. text-transform:capitalize C. 样式表做不到D. text-decoration:none33.下列哪个 css 属性能够更改文本字体？（ C ）A. f: B. font= C. font-family: D. text-decoration:none34.下列哪个 css 属性能够设置文本加粗？（ A ）A. font-weight:bold B. style:bold C. font:b D. font= 35
11、.下列哪个 css 属性能够设置盒模型的内补丁为 10.20.30.40（顺时针方向）？（ A ）A. padding:10px 20px 30px 40px B. padding:10px 1pxC. padding:5px 20px 10px D. padding:10px 36 下列哪个属性能够设置盒模型的左侧外补丁？（ C ）A. margin: B. indent: C. margin-left: D. text-indent: 37.定义盒模型外补丁的时候是否可以使用负值? （ A ）A. 是B. 否38.如何能够定义列表的项目符号为实心矩形？（ D ）A. list-type:
12、square B. type: 2 C. type: square D. list-style-type: square39.在 CSS 语言中下列哪些选项是背景图像的属性（ ABCD ）A 背景重复 B 背景附件 C 纵向排列 D 背景位置 40.CSS 中的选择器包括（ BCD ）A超文本标记选择器 B类选择器C标签选择器 DID 选择器41.CSS 文本属性中，文本对齐属性的取值有（ BCDE ）Aauto Bjustify Ccenter Dright Eleft42.CSS 中 BOX 的 padding 属性包括的属性有（ BCDE ）A填充 B上填充 C底填充 D左填充 E右填充
13、43.CSS 中，盒模型的属性包括（ BCE ） A. font B. margin C. padding D. visible E. border44.下面关于 CSS 的说法正确的有（ ABC ）A. CSS 可以控制网页背景图片B. margin 属性的属性值可以是百分比C. 整个 BODY 可以作为一个 BOXD. 对于中文可以使用 word-spacing 属性对字间距进行调整E. margin 属性不能同时设置四个边的边距45.下面关于 CSS 的说法正确的有（ ABC ）A. CSS 可以控制网页背景图片B. margin 属性的属性值可以是百分比C. 字体大小的单位可以是 em
14、D.1em 等于 18 像素46.边框的样式可以包含的值包括：（ ABC ）A.粗细 B.颜色 C.样式 D.长短47.光标移动文本框上方时，文本框边框的颜色就改变，这是因为激发了下列的（ C ）事件。A. onFocusB. onMouseUpC. onMousrOverD. onMousMOve48.下列属性哪一个能够实现层的隐藏？（ C ）A. display:falseB. display:hiddenC. display:noneD. display:“ “49.下列选项中，不属于文本属性的是（ D ） 。A. font-sizeB. font-styleC. text-alignD
15、. font-color50.页面上有一个按钮 btn，同时定义好了一个类样式（按钮图片样式表 btnPic） ，那么使用（ B ）就可以实现背景图片的改变。A. onMouseOver=“className=btnPic“B. onMouseOver=“this.className=btnPic“C. onMouseOver=“this.style.className=btnPic“D. this.btn.style.className=“btnPic“二、简答题1、什么是标记选择器并举例说明。CSS 标记选择器就是声明哪些标记采用哪种 CSS 样式。例如：h1 color:red; fon
16、t-size:25px; 2、什么是类别选择器并举例说明。类别选择器的名字可以由用户自定义，用做 html 页面某标签的 class 属性值。例如：.red color:red; font-size:18px 3、什么是 ID 选择器并举例说明。ID 选择器是针对 html 页面中某个具有此 ID 属性的标签设置的 CSS 样式。例如：#bold font-weight:bold; 4、举例说明什么是行内式 CSS 样式。行内式是直接对 html 的标记使用 style 属性，然后将 CSS 代码直接写在其中。例如：正文内容5、举例说明什么是内嵌式 CSS 样式。内嵌样式表就是将 CSS 写在
17、 与 之间，并且用 和标记进行声明。例如：p color:#0000ff 6、举例说明什么是链接式 CSS 样式。链接式 CSS 样式表是通过使用 html 链接文件标签 link 将外部 CSS 应用到本页面的样式使用方法。例如：7、举例说明什么是导入式 CSS 样式。采用 import 方式导入的样式表，在 html 文件初始化时，会被导入到 html 文件内，作为文件的一部分，类似内嵌式的效果。例如：import url(sheet.css);8、什么是交集选择器，并举例说明。交集选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第 1 个必须是标记选择器，第 2
18、 个必须是类别选择器或者 ID 选择器。例如：p.special color:red 9、什么是并集选择器，并举例说明。并集选择器或者称为“集体声明” ，它的结果是同时选中各个基本选择器所选择的范围。例如：h1,h2,p color:purple; font-size:15px 10、什么是后代选择器，并举例说明。后代选择器的写法就是把外层的选择器名字写在前面，内层的选择器名字写在后面，之间用空格分隔。例如：p span color:red 11、在 CSS 中一个独立的盒子模型有哪几部分组成？content（内容） 、border（边框） 、padding （内边距）和 margin（外边距
19、）12、举例说明什么是块级元素和行内元素？块级元素总是占据一个矩型区域，并且同级兄弟块依次竖直排列，左右撑满。例如：行内元素不占有独立的区域，并且同级元素之间横向排列，到最右端自动这行。例如：13、解释一下 div 标签的作用是一个区块容器标记，即 与之间相当于一个容器，可以容纳段落、标题、表格、图片等各种 html 元素。14、解释一下 span 标签的作用标记和一样，作为容器可以容纳各种 html 元素，但它是一个行内元素，在它的前后不会换行。15、解释盒子模型的 float 属性。float 属性默认为 none，也就是标准流通常的情况。如果将 float 属性的值设置为 left 或r
20、ight，元素会向其父元素的左侧或右侧靠近，同时默认情况下，盒子的宽度不再伸展，而是收缩，根据盒子里面的内容的宽度来确定。16、解释盒子模型的 display 属性。display 属性用于确定盒子的类型。display 属性设为 inline，即为“行内” ；设为 block，即为“块级” ；设为 none，即为“无” ，也就是隐藏盒子。17、圆角框主要有哪几种制作方法？两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。18、使用 CSS 主要有哪几种布局方式？两列布局、三列布局、多列布局。19、CSS 布局方法与表格布局方法相比，有哪些优势？（1）页面载入更快；（2）降低网站流量费用；（3）易于修改；
