1、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
2、font6 下列 （ C ）是定义样式表的正确格式。A body:color=black(bodyB body:color=blackC body color: blackD body;color:black7 下列 （ A ）是定义样式表中的注释语句。A /* 注释语句 */B / 注释语句 C / 注释语句 /D 注释语句 28 如果要在不同的网页中应用相同的样式表定义，应该（ 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 以上任意一个都可以47.光标移动文本框上方时，文本框边框的颜色就改变，这是因为激发了下列的（ C ）事件。A. onFocusB. onMouseUpC. onMousrOve
4、rD. onMousMOve48.下列属性哪一个能够实现层的隐藏？（ C ）A. display:falseB. display:hiddenC. display:noneD. display:“ “49.下列选项中，不属于文本属性的是（ D ） 。A. font-sizeB. font-styleC. text-alignD. font-color350.页面上有一个按钮 btn，同时定义好了一个类样式（按钮图片样式表 btnPic） ，那么使用（ B ）就可以实现背景图片的改变。A. onMouseOver=“className=btnPic“B. onMouseOver=“this.cl
5、assName=btnPic“C. onMouseOver=“this.style.className=btnPic“D. this.btn.style.className=“btnPic“二、简答题1、什么是标记选择器并举例说明。CSS 标记选择器就是声明哪些标记采用哪种 CSS 样式。例如：h1 color:red; font-size:25px; 2、什么是类别选择器并举例说明。类别选择器的名字可以由用户自定义，用做 html 页面某标签的 class 属性值。例如：.red color:red; font-size:18px 3、什么是 ID 选择器并举例说明。ID 选择器是针对 ht
6、ml 页面中某个具有此 ID 属性的标签设置的 CSS 样式。例如：#bold font-weight:bold; 4、举例说明什么是行内式 CSS 样式。行内式是直接对 html 的标记使用 style 属性，然后将 CSS 代码直接写在其中。例如：正文内容5、举例说明什么是内嵌式 CSS 样式。内嵌样式表就是将 CSS 写在 与之间，并且用和标记进行声明。例如：p color:#0000ff 46、举例说明什么是链接式 CSS 样式。链接式 CSS 样式表是通过使用 html 链接文件标签 link 将外部 CSS 应用到本页面的样式使用方法。例如：7、举例说明什么是导入式 CSS 样式。
7、采用 import 方式导入的样式表，在 html 文件初始化时，会被导入到 html 文件内，作为文件的一部分，类似内嵌式的效果。例如：import url(sheet.css);8、什么是交集选择器，并举例说明。交集选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第 1 个必须是标记选择器，第 2 个必须是类别选择器或者 ID 选择器。例如：p.special color:red 9、什么是并集选择器，并举例说明。并集选择器或者称为“集体声明” ，它的结果是同时选中各个基本选择器所选择的范围。例如：h1,h2,p color:purple; font-size:1
8、5px 10、什么是后代选择器，并举例说明。后代选择器的写法就是把外层的选择器名字写在前面，内层的选择器名字写在后面，之间用空格分隔。例如：p span color:red 11、在 CSS 中一个独立的盒子模型有哪几部分组成？content（内容） 、border（边框） 、padding（内边距）和 margin（外边距）12、举例说明什么是块级元素和行内元素？块级元素总是占据一个矩型区域，并且同级兄弟块依次竖直排列，左右撑满。例如：行内元素不占有独立的区域，并且同级元素之间横向排列，到最右端自动这行。例如：513、解释一下 div 标签的作用是一个区块容器标记，即与之间相当于一个容器，可
9、以容纳段落、标题、表格、图片等各种 html 元素。14、解释一下 span 标签的作用标记和 一样，作为容器可以容纳各种 html 元素，但它是一个行内元素，在它的前后不会换行。15、解释盒子模型的 float 属性。float 属性默认为 none，也就是标准流通常的情况。如果将 float 属性的值设置为 left 或 right，元素会向其父元素的左侧或右侧靠近，同时默认情况下，盒子的宽度不再伸展，而是收缩，根据盒子里面的内容的宽度来确定。16、解释盒子模型的 display 属性。display 属性用于确定盒子的类型。display 属性设为 inline，即为“行内” ；设为bl
10、ock，即为“块级” ；设为 none，即为“无” ，也就是隐藏盒子。17、圆角框主要有哪几种制作方法？两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。18、使用 CSS 主要有哪几种布局方式？两列布局、三列布局、多列布局。19、CSS 布局方法与表格布局方法相比，有哪些优势？（1）页面载入更快；（2）降低网站流量费用；（3）易于修改；（4）视觉一致（5）更易于被搜索引擎找到。20、使用 CSS 布局的网页应实现哪些要求？（1）宽度使用多列布局，并保证页头和页脚正确显示；（2）可以指定列宽度固定，其余列宽度自适应；（3）在 html 中，个列可以任意顺序排列，最终效果都正确显示。
11、6三、案例分析题1、解释以下 CSS 样式的含义。tableborder: 1px #333 solid;font: 12px arial;width: 500pxtd,thpadding: 5px;border: 2px solid #EEE;border-bottom-color: #666;border-right-color: #666;将表格边框宽度设为 1px，颜色设为#333，边框为实线；表格中的字体大小设为 12px,字体类型为 arial；表格宽度为 500px。设置单元格和表头部分的样式：内边距为 5px，边框宽度 2px，实线，颜色为#EEE，底部和右侧边框颜色特别设为#
12、6662、解释以下 CSS 样式的含义。formborder:1px dotted #AAAAAA;padding:3px 6px 3px 6px;margin:0px;font:14px Arial;selectwidth:80px;background-color:#ADD8E6;设置表单边框宽度为 1px，点划线，颜色为#AAAAAA，内上、右、下、左边距分别为：3px 6px 3px 6px，外边距为 0px，字体为 14px 大小的 Arial 字体。设置选择框宽度为 80px，背景颜色为#ADD8E673、解释以下 CSS 样式的含义。inputcolor:#00008B;inpu
13、t.btnbackground-color:#ADD8E6;padding:1px 2px 1px 2px;设置 input 标签中字体颜色为#00008B；input 标签中 id 属性为 btn 的按钮背景颜色设为#ADD8E6，内上、右、下、左边距分别设为 1px、2px、1px、2px4、解释以下 CSS 样式的含义。.rounded background: url(images-notebook/left-top.gif) top left no-repeat;.rounded h2 background: url(images-notebook/right-top.gif) top
14、 right no-repeat;padding:20px 20px 10px;margin:0;定义类选择器.rounded：背景图像为 left-top.gif，从左上角开始，不平铺定义后代选择器.rounded h2：背景图像为 right-top.gif，从右上角开始，不平铺；内上、左右、下边距分别是 20px 20px 10px，外边距为 05、画出一个 1-（1-2 ）+1 ）-1 的布局结构示意图。6、画出一个 1-（1+（3-1-2） ）-1 的布局结构示意图。87、解释以下 CSS 样式的含义。#header,#pagefooter,#containermargin:0 au
15、to;width:85%; #contentposition:absolute;width: 300px;设置 id 属性为 header、pagefooter、container 的 div 层上下外边框为 0，左右外边框为 auto，宽度为相对于父元素宽度的 85%设置 id 属性为 content 的 div 层为绝对定位，宽度为固定宽度 300px8、解释以下 CSS 样式的含义。A:link COLOR: #3333cc; TEXT-DECORATION: none A:visited COLOR: #990099; TEXT-DECORATION: none A:active CO
16、LOR: #ff0000; TEXT-DECORATION: underline A:hover COLOR: #3333cc; TEXT-DECORATION: underline 设置超链接样式：未操作时：颜色为#3333cc ，无下划线；单击过后：颜色为#990099，无下划线；单击时：颜色为# ff0000 ，有下划线；悬停时：颜色为# 3333cc，有下划线；9、写出下列要求的 CSS 样式表（1）设置页面背景图像为 login_back.gif，并且背景图像垂直平铺。（2）使用类选择器，设置按钮的样式，按钮背景图像：login_submit.gif ；字体颜色：#FFFFFFF ；
17、字体大小： 14px；字体粗细： bold；按钮的边界、边框和填充均为 0px。9bodybackground-image:url(img/login_back.gif);background-repeat:repeat-y; .picButtonbackground-image:url(img/login_submit.gif);color:#FFFFFF;font-size: 14px;font-weight:bold;margin: 0px;border:0px;padding: 0px; 10、写出下列要求的 CSS 样式表（1）使用标签样式，设置字体颜色：#2A1FFF；字体大小：14px。内容与边框之间的距离：5px。（2）使用超链接伪类：不带下划线；颜色：#333333；鼠标悬停在超链接上方时，显示下划线；颜色：#FF5500 。td color: #2A1FFF;font-size: 14px;padding:5px;Acolor:#333333;text-decoration:none;A:hovercolor:#FF5500;text-decoration:underline;
