C ）

B.border-top-width ：<值>

D. border-top-width:< 值>

2. 在 CSS 语言中下列哪一项是“左边框”的语法（

A.border-left-width:< 值> C. border-left:< 值 >

3. 在下列 CSS 语言中（ A ）适用对象是“所有对象” 。

A.背景附件

4. 下列（ D

B.文本排列 C.纵向排列 D.文本缩进

）不属于 CSS 文本属性。

B.text-transform

C.text-align

D.line-height

A.font-size

5. 下列哪一项是 CSS 正确的语法构成（ C ）

A.body:color=black B.{body;color:black} C.body{color:black} D.{body:color=black}

6. 下面哪个 CSS 属性是用来改变背景颜色的（ A ）

A.background-color: B.bgcolor:

B ）

C.color: D.text:

7. 怎样给所有的

标签添加背景颜色（

A. .h1 { background-color:#fffff } B. C. D. h1 { background-color;

}

} }

D ）

D.color:

h1.all { background-color:#ffffff #h1 { background-color:#ffffff

8. 下列哪个 CSS 属性可以更改样式表的字体颜色（

A.text-color= B.fgcolor: C.text-color:

9. 下列哪个 CSS 属性可以更改字体大小（ B ）

A.text-size B.font-size C.text-style

D ）

D.font-style

10. 下列哪段代码能够定义所有 P 标签内文字加粗（

A.

C.p{ text-size:bold; }

11. 下面哪个方法可以去掉文本超链接的下划线（

B.< p style= ”font-size:blod ”> D.p{ font-weight:bold; } D ）

B. a{ underline:none; } D. a{ text-decoration:none; } C ）

C.font-family: ）

C.font:b

D.font=

D.text-decoration:none;

A. a{ text-decoration:no underline; } C. a{ decoration:no underline; }

12. 下列哪个 CSS 属性能够更改文本字体（

A.f; B.font=

13. 下列哪个 CSS 属性能够设置文本加粗（ A

A.font-weight:bold B.style:bold

14. 下列哪个 CSS 属性能够设置盒子模型的填充为 10、20、30、40、（顺时针方向） ( A )

1

A.padding:10px C.padding:10px

20px 30px 40px 40px 30px 20px

B. padding:40px D. padding:20px

C ）

D.text-indent: 16.

30px 10px

20px 10px 40px 30px

15. 下列哪个属性能够设置盒子模型的左侧边界（

A.margin: B.indent: （

D

C.margin-left:

）能够定义列表的项目符号为实心矩形。

B.type:2

B）

C.type:square

D.list-style-type:square

A.list-type:square

17. 关于 WEB 标准以下说法错误的是（

A. Web 标准是一个复杂的概念集合，它由一系列标准组成 B. 这些标准全部都由 W3C 起草与发布 C. Web 标准可以分为 3 个方面

D. Web 标准里的表现标准语言主要包括 CSS 18. 以下是 元素作用的是（ A ）

A.该元素用来定义文档类型

C.该元素用来向搜索引擎声明网站关键字

19. 关于 float 描述错误的是（

B.该元素用来声明命名空间

D.该元素用来向搜索引擎声明网站作者

B） B.float:center

C.float:right C ）

C. style

D.附加样式表 D.float:none

A.float:left

20. 外部样式表文件不可以由以下哪个方法导入（

A. link B.import

21. 标签

的对齐属性是（ B）

A. style B.align

A ）

C.angle D.padding

22. 以下哪个选项是设置底边框的（

A.border-bottom B.border-top

D ）

C.border-left D.border-right

23. 以下关于 CLASS 和 ID 的说法错误的是（

A. class 的定义方法是： .类名{样式}； B. id 的应用方法：<指定标签 id=”id 名”>

C. class 的应用方法：<指定标签 class= “类名”> D. id 和 class 只是在写法上有区别，在应用和意义上没有区别 24. 以下哪个选项是对对象进行定位的（

C ）

C.position

D.display

A.padding B.margin

C ）

25. 关于块状元素说法正确的是（

A.块状元素在网页中就是以块的形式显示， 所谓块状就是元素显示为矩形区域， 常用的块状元素包括 div \\ h1-h6\\ p\\ ul B.默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状 元素会按顺序自上而下排列。

C. 块状元素都不可以定义自己的宽度和高度

2

D. 块状元素一般都作为其他元素的容器，它可以容纳其他内联元素和其他块状元素，我们可以把这种容器比喻为一 个

盒子。

26. 关于 DIV 以下描述正确的是（ A ）

A. di v是类似于一行一列表格的虚线框 B.div 由行列形成的单元格构成，可执行合并拆分等操作

C. 由div 布局的页面结构域表现不能分离 D. di v不要求我们严格 CSS 支持 27. 关于 CSS 以下说法错误的是（

D ）

A.每个 CSS 样式都必须由两部分组成：选择器和声明 B.选择器表示要定义样式的对象，可以是元素本身，也可是一类元素或制定名称的元素

C. 属性是指定选择器所具有的属性，它是 D. 定义属性值：属性值是指数值加单位，如 28. 关于 CSS 定义的说法错误的是（ C ）

CSS 的核心，css 共有 150 多个属性 20px

A.类样式的定义方法是点 +样式名字

B. 用户定义的类的定义方法是 #+样式名字 C. 声明定义时属性和属性之间用空格分隔

D. HTML 标签. 样式名字：是指只有该指定的标签才能引用它。 29. 关于样式表的优先级说法不正确的是（

D ）

A. 直接定义在标记上的 CSS 样式级别最高 B. 内部样式表次之

C. 外部样式表级别最低

D.当样式中属性重复时，先设的属性起作用

30. 使用 link 元素调用 CSS 的语法中，以下哪个属性是用来指定

CSS 文件的路径的（ C ）

D.以上都不对

A. url

31. 在 CSS 中，注释代码是（

B.src B B./**/

）

C.href

A. C.//

B ） C.文档的顶部

B）

C. #two{color: red}

D.||

32. 在 HTML 文档中，引用外部样式表的正确位置是（

A.文档的末尾 B. D. 部分

33. 下列哪种方式是用类选择器定义样式的（

A. p{color: red} B. . one{color: red} D. p,h1{color: red}

34. 阅读下面 HTML 代码，两个 DIV 之间的空白距离是（ C ）。

......

...... A．0px

B．10px

C．15px

D．25px

20px 、粗细 800 号，正确的定义是：（A）

font-style:italic; } color: red;

font-style:italic; } font-style:italic; } font-style: 宋体;}

（A）

35. 下列样式定义字体为宋体、字体颜色为红色、斜体、大小

A.p {font-family: 宋体;font-size:20px;font-weight:800;color:red; B.p {font-family:20px;

font-size: 宋体; font-weight:800;

C.p {font-family:20px; font-size:800; D.p{font-family:800;

font-size:20px;

font-weight: 宋体; color:red; font-weight:red;

color:italic;

36. 下列样式定义字体间距为 0.5 倍间距、水平左对齐、垂直顶端对齐、有下划线正确的定义是：

A.p{text-decoration:underline; letter-spacing: 0.5em; vertical-align: top; text-align: left;} B.p{text-decoration:0.5em; letter-spacing: underline; vertical-align: top; text-align: left;} C.p{text-decoration: left; letter-spacing: top; vertical-align: 0.5em; text-align: underline;} D.p{text-decoration:underline; letter-spacing: 0.5em; vertical-align: left; text-align: top;}

37. 根据以下的 HTML 代码：h1{ color: ”limegreen ”;font-family: ”arial ” }可以知道（ C ）

A. 此段代码是一个类选择器 B. 选择器的名称是 color

C. { }部门是对H1 这个选择器的样式说明 D. limegreen 和 font-family 都是值

38. 创建一个样式表，可以设置当前页面中 ID 为 compact 元素的内容的字体为斜体。 下列能实现该功能的代码是 （ D）。 A.

B. C. D.

39. 在 CSS 中，为页面中的某个 DIV 标签设置样式 div{width:200px;padding:0 20px; border:5px;}

，则该标签的实际宽度

为（ D ）

A.200px

B.220px

C.240px

D.250px

40. 阅读下面 HTML 代码，段落标签

内文本最终显示的颜色是（ ）。

......

我我本将心向明月，奈何明月照沟渠。

...... A．#f00

B．#00f

C．#666

D．#333

41. 阅读下面CSS 代码，下面选项中与该代码段效果等同的是（

A ） 。

.box { margin:10px 5px; margin-right:10px; margin-top:5px; } A．.box { margin:5px 10px 10px 5px; } B．.box { margin:5px 10px 0px 0px; } C．.box { margin:5px 10px; }

D．.box { margin:10px 5px 10px 5px; }

42. 在 HTML 页面中，调用外部样式表的方法是（

B ）。 A. ...

...

A. 0px B．30px C．40px D．50px

44.下面选项中是合法的类样式的是（

A ）。 A．.Word

B．#Word

C．.2A

D．#A2

45. 关 CSS 样式表描述不正确的是（ C ）

A.CSS 样式表规则由选择器和声明组成

5

D ） 。

B. 选择器包括标签选择器、类别选择器和 ID 选择器

C.HTML 中部分标签可以作为 CSS 标签选择器 D.用@import url （“样式表名”）完成外部样式表的导入 46. 如下所示的这段 CSS 样式代码，定义的样式效果是（ D

a:active {color: #000000;} A.默认链接是 #000000 颜色 C.鼠标上滚链接是 #000000 颜色 47. 下列对盒子模型描述不正确的是（

B.访问过链接是 #000000 颜色 D.活动链接是 #000000 颜色 B

）

4 个部分组成

）。

A. 一个盒子由边界、边框、填充和内容区域

B. 盒子的填充、边框、边界和内容区域都分为上、下、右、左四个方向

C.CSS 定义盒子的 width 和 height 时，实际上定义的是内容区域 content 的width 和 height 。 D.盒子的宽度是内容宽度加上 padding 、border 和margin 。 48. 以下关于 CSS+DIV 布局中关于盒子模型说法错误的是（

B

）

A. 一个盒子由 4 个独立的部分组成： Margin 、Border 、Padding 、Border

B. 填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义。

C.盒子的实际宽度 =左边界+左边框+左填充+内容宽度（width ）+右填充+右边框+右边界 D.盒子的实际高度 =上边界 +上边框+上填充+内容高度（height ）+下填充 +下边框+下边界。二、多选题

1. 在 CSS 语言下列哪些选项是背景图像的属性（

ABCD ） C.纵向排列

D.背景位置

A.背景重复 B.背景附件

2. CSS 中的选择器包括（ BCD ）

A.超文本标记选择器 B.类选择器 C.标签选择器 BCDE ）

D.right

D.ID 选择器

3. CSS 文本属性中，文本对齐属性的取值有（

A. auto B.justify C.center E.left

4. CSS 中的 BOX 的 padding 属性包括的属性有（ BCDE ）

A.填充 B.上填充 C.底填充 D. 左填充 E.右填充

5. CSS 中，盒模型的属性包括（ BCD ）

A.font B.margin C.padding D.visible E.border

6. 下面关于 CSS 的说法正确的有（ ABC ）

A.CSS 可以控制网页背景图片

B. margin 属性的属性值可以是百分比 C. 整个 BODY 可以作为一个 BOX

D. 对于中文可以使用 word-spacing 属性对字间距进行调整 E. margin 属性不能同时设置四个边的边距

6

7. 关于 CSS 的说法正确的有（ ABC ）

A. CSS 可以控制网页背景颜色 B. position 可以实现盒子模型精确定位 C. 字体大小的单位可以使 cm D. 一个 BOX 只能通过 float 进行定位 E.Z-index 的取值不能是负数

8. 关于内容、结构和表现说法正确的是（

ABD ）

A. 内容是页面传达信息的基础

B. 表现使得内容的传达变得更加明晰和方便C.结构就是对内容的交互及操作效果

D.内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等。

9. 关于 CSS 基本语法说法正确的是（

AC ）

A. 属性必须要包含在 { }号之中 B. 属性和属性值之间用等号链接 C. 在有多个属性时，用“； ”进行区分

D. 如果一个属性有几个值，则每个属性值之间用分号分隔开

10. 关于样式表的优先级说法正确的是（

ABC ）

A. 直接定义在标记上的 CSS 样式级别最高 B. 内部样式表次之 C. 外部样式表级别最低

D. 当样式中属性值重复时，先设的属性起作用

11. 关于CSS 样式表功能，以下说法正确的是（

ABC ）

A. 灵活控制网页中文字大小、字体、颜色、间距风格及位置 B. 可以精确的控制网页中各元素的位置 C. 可以与脚本语言相结合 D. 以上说法都不对

12. 关于边框，以下写法正确的是（

ABCD ）

C.border-width ABC ）

D.border-color

A.border-top-width B.border-style

13. 以下关于 CLASS 和 ID 的说法正确的是（

A. class 的定义方法是： .类名{样式}； B. id 的应用方法：<指定标签 id=”id 名”> C. class 的应用方法：<指定标签 class= “类名”> D. id 和 class 只是在写法上有区别，在应用和意义上没有区别

14. 关于 WEB 标准以下说法正确的是（

ACD ）

7

A.Web 标准是一个复杂的概念集合，它由一系列标准组成 B. 这些标准全部都由 W3C 起草与发布 C. Web 标准可以分为 3 个方面

D.Web 标准里的表现标准语言主要包括 CSS

15. 以下哪个属性值属于 Float 这个属性（ ACD ）

A.left B.center C.right D.none

16. 在 html 文件中应用 abc.css 文件中的样式的方法有（ AB ）

A.

B. C. D. 17. 下面有关样式表的说法正确的是（

AD ）。

A. 通过样式表，用户可以使用自己的设置来覆盖浏览器的常规设置 B. 样式表不能重用

C. 每个样式表只能链接到一个文档 D. 样式表可以用来设置字体、颜色等

18. 为了给页面所有

标题创建样式规则，指定将所有的

标题显示为蓝色，字体显示为 Arial。下列操作正确的

是（ AC ） 。

A.

B.

C.

D.

19. 下面选项中（ AC ）可以设置网页中某个标签的左边界为 5px 。

h1{font-family: \"Arial\

A.margin:0 5px; C.margin:0 0 0 5px;

B.margin:5px 0 0 0; D.padding-left:5px; BC）。

8

20. 下面关于外部样式表的说法错误的是（

A. 文件扩展名为 .css

B. 外部样式表内容以 标签结束 C．CSS 属性值不可以包含汉字

D．使用外部样式表可以使网站更加简洁，风格保持统一 三、判断题

1. 在 CSS 中，border:1px 2px 3px 4px 表示设置某个 HTML 元素的上边框为 1px 、右边框为 2px、下边框为 3px、左

边框为 4px。（错误）

2. 3. 4. 5. 在 CSS 中，padding 和 margin 的值都可以为负数。（错误） 在 CSS 中，使用//或 用来书写一行注释。（错误）

由于 Table 布局相比 DIV 布局缺点较多，因此在网页制作时应当完全放弃使用

Table 布局。（错误）

在 W3C 规范中，每一个标签都应当闭合，使用

可以实现和段落标签

同样的效果。（错误）

6. 一个 div 可以插入多个背景图片（错误）

7. 背景颜色的写法 background:#ccc 等同于 background-color:#ccc( 正确) 8. 结构表现标准语言包括 XHTML 和 XML 以及 HTML 。（错误） 9. 任何标签都可以通过加 style 属性来直接定义它的样式。 （正确）

10. 同 padding 属性与 margin 属性类似， border 属性也有单侧属性，即也可以单独定义某一个方向上的属性。 11. margin 不可以单独定义某一个方向的值。 （错误） 12. Border 是 CSS 的一个属性，用它可以给能确定范围的

（正确）

HTML 标记，如 td、div 添加边框。只能定义边框的样式（style ）、

宽度(width) 。（错误）

13. CSS 选择器中用户定义的类和用户定义的 ID 在使用上只有定义方式不同。 （错误） 14. 对于自定义样式，其名称必须以点（ .）开始（正确） 15.

标签简单而言是一个区块容器标签。 （ 正确 ） 16. position 允许用户精确定义元素框出现的相对位置。 （正确）

四、简答题

1. 简述 div 排版与传统的 table 排版。

答：（1） table 内的单元格会随着表格的大小自动调整。

（2） table 排版的页面也难再升级，但 div 排版可以随意调整。

（3） 利用 table 排版的页面在下载时必须等整个表格的内容都下载完毕之后才会一次性显示出来，

而利用 div 块的

CSS 排版的页面在下载时可以分别下载，提高了页面的下载速度。

（4） div+CSS 排版方式使得数据与 CSS 文件完全分离，美工在修改页面时，只需要修改

CSS 文件就可以了，大

量减少了维护量。 2. 什么是 CSS ？

答： CSS（Cascading Style Sheet ）即层叠样式表，它用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。它以 HTML 语言为基础，提供了丰富的格式化功能，字体、颜色、背景等，更好地进行页面美工设计。

9

3. CSS 的基本语法结构及规范？

答：CSS 语法结构：选择器 { 属性：“属性值”；属性：“属性值”；属性：“属性值”；…… } 规范：（1）属性必须要包含在 { }号之内

（2） 属性和属性值之间用“： ”分隔 （3） 当有多个属性时，用“； ”进行区分

（4） 在书写属性时属性之间使用空格、换行等，并不影响属性的显示。 （5） 如果一个属性有几个值，则每个属性值之间用空格分隔开。

4. 举例说明 CSS 的三种使用方法？ 答（1）内部样式表

（2） 行内样式

LINK!

（3） 连接外部样式表

5. 简述 CSS ID 选择器。

答：ID 选择器：可以为标有特定 ID 的 HTML 元素指定特定的样式。设定在 ID 上的 css 格式为： #id 名{ 属性：“属性值”；属性：“属性值”；属性：“属性值”；…… } 引用的方法： 。 6. 简述 CSS 类选择器。

答： 类选择器：以点号开始，为标有 class 的 HTML 元素指定特定的样式。 直接定义 class .类名{ 属性：“属性值”；属性：“属性值”；属性：“属性值”；…… } 引用的方法： < HTML 标签 7. 简述 CSS 链接 伪类。

答：链接伪类： a:link 设置链接本来的颜色 a:visited 设置链接访问过后的颜色 a:hover 设置链接在鼠标悬停时的颜色 a:active 设置链接被激活的颜色

10

CLASS=\" 类名\">

8.简述选择器的优先权

答：（1）内联样式表的权值最高； （2） ID 选择器的权值为 （3）Class 类选择器的权值为 （4）HTML 标签选择器的权值为 9. 简述 CSS 的特点。

答：（1）可以将格式和结构分离。

（2） 可以以前所未有的能力控制页面布局。 （3） 可以制作体积更小、下载更快的网页。

（4） 可以将许多网页同时更新，比以前更快更容易。 （5） 浏览器的界面更友好。

10. CSS 的实现方式有几种？那种 CSS 实现方式优势更突出？相对其他实现方式而言其优点有哪些？

答：共有 3 种实现方式。 CSS 实现方式按优先级依次是内嵌样式、内部样式表、外部样式表。使用外部样式表时， 相对其他 2 种实现方式而言其优点有： （1）样式代码可以复用。一个外部 CSS 文件，可以被多个网页共用（ 2）便于修改。（3）提高了网页显示的速度。 五、设计分析题

1. 将以下 CSS 代码进行缩写，注意要符合缩写的规范。 a) 代 码 一 ：

border-width:1px; border-color:#000; border-style:solid; b)

代 码 二 ： margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px; c) 代 码 三 ： color:#336699; color:#ffcc00;

2. CSS 内部样式表要编写在页面之中，即将

CSS 写在（

）之间，并且用（

）

标签进行声明。请完整的完成一段 CSS 内部样式表的编写。要求网页主体 ：

（1） 字体大小是 12px （2） 字体样式正常 （3） 字体带下划线

11

（4） 字体颜色是#ff3300 。

3. 分析下列代码并画出实现的效果图。

（3） 解释上面代码的含义：

border:2px solid #333;

position:absolute ; left:700px; }

左列

右列 1

右列 2

（4） 解释上面 标签里代码的含义：

4. 编写 CSS+DIV 代码完成三列固定宽度的网页结构布局，效果图及属性参数如下。 （1） 效果图.

（2） 左列背景色为 #ffc33c ，边框属性为 2px、solid 、#333 ；

12

（3） 右列 1 背景色为#ff33cc ，边框属性为 2px 、solid 、#333 ； （4） 右列 2 背景色为#ff33cc ，边框属性为 2px 、solid 、#333 ； （5） 第二个盒子和第三个盒子的距离是

50px ；第三个盒子页面左边距是 700px ；

（4）三个盒子的宽度和高度都是 300px 。

5. 创建一个名为.char1 的层叠样式，并将这个样式定义在新建的 dformat.css 的层叠样式表文件中。其参数设置字

体为黑体，大小为 24 像素，样式为斜体，颜色为 #FF3300 ，修饰为下划线。 6. 编写 CSS+DIV 代码完成下面网页结构布局，效果图及属性参数如下。

（1） 效果图

（2） body 的全部对象的对齐方式居中。

（3） 盒子 container 的属性：width:800px ；边框 1px 实线 颜色#000 ；填充 10px。

（4） 盒子 banner 的属性：text-align 居中；下边界：5px；边框：1px 实线 颜色#000；填充：10px ；background-color ：

#ffcc33 。

（5） 盒子 content 的属性：text-align 居中； width:570px ；height ：300px ；边框 1px 实线 颜色#000；填充 10px 。 （6） 盒子 link 的属性： text-align 居中；边框 1px 实线 颜色#000。

（7） 盒子 footer 的属性：text-align 居中；边框 1px 实线 颜色#000 ；填充 10px 。

7. 编写 CSS+DIV 代码完成一列固定宽度的网页结构布局， 其中盒子的 background-color ：#999；边框： 1px 实线 颜色是#333 ；宽度和高度都是 300px 。

8. 编写 CSS+DIV 代码完成一列自适应宽度的网页结构布局，其中盒子的 background-color ：#999 ；边框：1px 实线颜色是#333；宽度 60% ，高度都是 300px 。

9. 编写 CSS+DIV 代码完成一列固定宽度居中的网页结构布局，其中盒子的 background-color ：#999 ；边框：1px 实线 颜色是 #333 ；宽度和高度都是 300px 。

10. 编写 CSS+DIV 代码完成两列固定宽度的网页结构布局，效果图及属性参数如下。

13

（1） 效果图

（2） 两个盒子的 background-color ：#999 ；边框：1px 实线 颜色是 #333 ；宽度和高度都是 300px 。

11.

这是一个新样式

请解释上面的代码的含义。

14

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文