CSS试题讲课稿.doc

CSS试题

精品文档

一、单选题
1是利用（ B ）标签构建网页布局。
A. <> B.<> C.<> D.<>
2.在语言中下列哪一项是“左边框”的语法（ C ）
:<值> ：<值>
C. :<值> D. :<值>
3.在下列语言中（ A ）适用对象是“所有对象”。
A.背景附件 B.文本排列 C.纵向排列 D.文本缩进
4.下列（ D ）不属于文本属性。

5.下列哪一项是正确的语法构成（ C ）
B.{} {} D.{}
6.下面哪个属性是用来改变背景颜色的（ A ）
: : : :
7.怎样给所有的
10.下列哪段代码能够定义所有P标签内文字加粗（ D ）
A. ;
13.下列哪个属性能够设置文本加粗（ A ）

14.下列哪个属性能够设置盒子模型的填充为10、20、30、40、（顺时针方向）( A )
:10 20 30 40 B. :40 30 20 10
:10 40 30 20 D. :20 10 40 30
15.下列哪个属性能够设置盒子模型的左侧边界（ C ）
: : : :
16.（ D ）能够定义列表的项目符号为实心矩形。

:2
17.关于标准以下说法错误的是（ B）
标准是一个复杂的概念集合，它由一系列标准组成
B.这些标准全部都由W3C起草与发布
标准可以分为3个方面
标准里的表现标准语言主要包括
18.以下是<>元素作用的是（ A ）
A.该元素用来定义文档类型 B.该元素用来声明命名空间
C.该元素用来向搜索引擎声明网站关键字 D.该元素用来向搜索引擎声明网站作者
19.关于描述错误的是（ B）

20.外部样式表文件不可以由以下哪个方法导入（ C ）
A. C. D.附加样式表
21.标签>
和只是在写法上有区别，在应用和意义上没有区别
24.以下哪个选项是对对象进行定位的（ C ）

25.关于块状元素说法正确的是（ C ）
A.块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括 \ h16\ p\
B.默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状元素会按顺序自上而下排列。
C.块状元素都不可以定义自己的宽度和高度
D.块状元素一般都作为其他元素的容器，它可以容纳其他内联元素和其他块状元素，我们可以把这种容器比喻为一个盒子。
26.关于以下描述正确的是（ A ）
是类似于一行一列表格的虚线框
由行列形成的单元格构成，可执行合并拆分等操作
C.由布局的页面结构域表现不能分离
不要求我们严格支持
27.关于以下说法错误的是（ D ）
A.每个样式都必须由两部分组成：选择器和声明
B.选择器表示要定义样式的对象，可以是元素本身，也可是一类元素或制定名称的元素
C.属性是指定选择器所具有的属性，它是的核心，共有150多个属性
D.定义属性值：属性值是指数值加单位，如20
28.关于定义的说法错误的是（ C ）
A.类样式的定义方法是点+样式名字
B.用户定义的类的定义方法是样式名字
C.声明定义时属性和属性之间用空格分隔
D. 标签. 样式名字：是指只有该指定的标签才能引用它。
29.关于样式表的优先级说法不正确的是（ D ）
A.直接定义在标记上的样式级别最高
B.内部样式表次之
C.外部样式表级别最低
D.当样式中属性重复时，先设的属性起作用
30.使用元素调用的语法中，以下哪个属性是用来指定文件的路径的（ C ）
A. D.以上都不对
31.在中，注释代码是（ B ）
A.<> **/
32.在文档中，引用外部样式表的正确位置是（ B ）
A.文档的末尾 B.<> C.文档的顶部 D.<>部分
33.下列哪种方式是用类选择器定义样式的（B）
 A. p{: }   B. . {: }    C. {: }   D. 1{: }
34.阅读下面代码，两个之间的空白距离是（ C ）。
 < ""> 
 { : 10; :1  00; } 
 { : 15; :1  00; } 
<> 
... 
< ""><> 
< ""><> 
...... 
A．0  B．10  C．15  D．25
35.下列样式定义字体为宋体、字体颜色为红色、斜体、大小20、粗细800号，正确的定义是：（A）
 {:宋体:20:800; ; } 
  {:20; :宋体; :800; : ; ; }
   {:20; :800; :宋体; ; ; } 
 {:800; :20; ; ; :宋体;} 
36.下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线正确的定义是：（A）
{ : 0.5; : ; : ;} 
{:0.5; : ; : ; : ;} 
{: ; : ; : 0.5; : ;} 
{; : 0.5; : ; : ;}
37.根据以下的代码：h1{ :””:”” }可以知道（ C ）
A.此段代码是一个类选择器
B.选择器的名称是
C.{ }部门是对H1这个选择器的样式说明
和都是值
38.创建一个样式表，可以设置当前页面中为元素的内容的字体为斜体。下列能实现该功能的代码是（ D）。
A.< "">{;}<>
B.< "">{;}<>
C.< "">{;}<>
D.< "">{;}<>
39在中，为页面中的某个标签设置样式{:200:0 20; :5;}，则该标签的实际宽度为（ D ）
A.200 B.220 C.240 D.250
40. 阅读下面代码，段落标签00f  C．#666  D．#333
41. 阅读下面代码，下面选项中与该代码段效果等同的是（ A ）。
  { :10 5; :10; :5; } 
A． { :5 10 10 5; } 
B． { :5 10 0 0; } 
C． { :5 10; } 
D． { :10 5 10 5; } 
42. 在页面中，调用外部样式表的方法是（ B ）。
  A．< "" "" "外部样式表地址" /> 
B．< "" "" "外部样式表地址" /> 
C．< "" "" "外部样式表地址" /> 
D．< "" "" "外部样式表地址" />
43. 阅读下面的及代码，图片距最外面的外边缘的距离是（ D ）。
 ... 
< ""> 
 { :10  0000; :400; } 
 { :20  0000; :10; :10; } 
<> 
... 
< ""> 

< "">< "" /><> 
<> 
... 
A．10  B．30  C．40  D．50
44.下面选项中是合法的类样式的是（ A ）。
  A．  B．  C．.2A  D．2
45. 关样式表描述不正确的是（ C ）
样式表规则由选择器和声明组成
B.选择器包括标签选择器、类别选择器和选择器
中部分标签可以作为标签选择器
D.用 （“样式表名”）完成外部样式表的导入
46. 如下所示的这段样式代码，定义的样式效果是（ D   ）。
{: #000000;}
  A.默认链接是#000000颜色  B.访问过链接是#000000颜色
C.鼠标上滚链接是#000000颜色 D.活动链接是#000000颜色
47. 下列对盒子模型描述不正确的是（ B ）
A.一个盒子由边界、边框、填充和内容区域4个部分组成
B.盒子的填充、边框、边界和内容区域都分为上、下、右、左四个方向
定义盒子的和时，实际上定义的是内容区域的和。
D.盒子的宽度是内容宽度加上、和。
48. 以下关于布局中关于盒子模型说法错误的是（ B ）
 A.一个盒子由4个独立的部分组成：、、、
B. 填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义。
C.盒子的实际宽度=左边界+左边框+左填充+内容宽度（）+右填充+右边框+右边界
D.盒子的实际高度=上边界+上边框+上填充+内容高度（）+下填充+下边框+下边界。
二、多选题
1.在语言下列哪些选项是背景图像的属性（ ）
A.背景重复 B.背景附件 C.纵向排列 D.背景位置
2中的选择器包括（ ）
A.超文本标记选择器 B.类选择器 C.标签选择器 选择器
3文本属性中，文本对齐属性的取值有（ ）
A.
4中的的属性包括的属性有（ ）
A.填充 B.上填充 C.底填充 D.左填充 E.右填充
5中，盒模型的属性包括（ ）

6.下面关于的说法正确的有（ ）
可以控制网页背景图片
属性的属性值可以是百分比
C.整个可以作为一个
D.对于中文可以使用属性对字间距进行调整
属性不能同时设置四个边的边距
7.关于的说法正确的有（ ）
A. 可以控制网页背景颜色
B. 可以实现盒子模型精确定位
C.字体大小的单位可以使
D.一个只能通过进行定位
的取值不能是负数
8.关于内容、结构和表现说法正确的是（ ）
A.内容是页面传达信息的基础
B.表现使得内容的传达变得更加明晰和方便
C.结构就是对内容的交互及操作效果
D.内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等。
9.关于基本语法说法正确的是（ ）
A.属性必须要包含在{ }号之中
B.属性和属性值之间用等号链接
C.在有多个属性时，用“；”进行区分
D.如果一个属性有几个值，则每个属性值之间用分号分隔开
10.关于样式表的优先级说法正确的是（ ）
A.直接定义在标记上的样式级别最高
B.内部样式表次之
C.外部样式表级别最低
D.当样式中属性值重复时，先设的属性起作用
11.关于样式表功能，以下说法正确的是（ ）
A.灵活控制网页中文字大小、字体、颜色、间距风格及位置
B.可以精确的控制网页中各元素的位置
C.可以与脚本语言相结合
D.以上说法都不对
12.关于边框，以下写法正确的是（ ）

13. 以下关于和的说法正确的是（ ）
的定义方法是：.类名{样式}；
的应用方法：<指定标签 ”名”>
的应用方法：<指定标签 “类名”>
和只是在写法上有区别，在应用和意义上没有区别
14.关于标准以下说法正确的是（ ）
标准是一个复杂的概念集合，它由一系列标准组成
B.这些标准全部都由W3C起草与发布
标准可以分为3个方面
标准里的表现标准语言主要包括
15.以下哪个属性值属于这个属性（ ）

16.在文件中应用文件中的样式的方法有（）
  A.< "" "" ""> 
  B.< ""> ();<> 
 C.< ""> ();<> 
 D.< "">  ();<> 
17.下面有关样式表的说法正确的是（ ）。
A.通过样式表，用户可以使用自己的设置来覆盖浏览器的常规设置
B.样式表不能重用
C.每个样式表只能链接到一个文档
D.样式表可以用来设置字体、颜色等
18.为了给页面所有 < "">
h1{: ""; : ""}
<>
D. < "">
h1{: "";} h1{: ""}
<>
19. 下面选项中（ ）可以设置网页中某个标签的左边界为5。
:0 5; :5 0 0 0;
:0 0 0 5; :5;
20.下面关于外部样式表的说法错误的是（）。
  A．文件扩展名为 
B．外部样式表内容以<>标签开始，<>标签结束
 C．属性值不可以包含汉字
 D．使用外部样式表可以使网站更加简洁，风格保持统一
三、判断题
1．在中，:1 2 3 4表示设置某个元素的上边框为1、右边框为2、下边框为3、左边框为4。（错误）
2．在中，和的值都可以为负数。（错误）
3．在中，使用或<>用来书写一行注释。（错误）
4．由于布局相比布局缺点较多，因此在网页制作时应当完全放弃使用布局。（错误） 
5．在W3C规范中，每一个标签都应当闭合，使用<><>可以实现和段落标签1不可以单独定义某一个方向的值。（错误）
12. 是的一个属性，用它可以给能确定范围的标记，如、添加边框。只能定义边框的样式（）、宽度()。（错误）
13选择器中用户定义的类和用户定义的在使用上只有定义方式不同。（错误）
14.对于自定义样式，其名称必须以点（.）开始（正确）
15. <>标签简单而言是一个区块容器标签。（ 正确 ）
16. 允许用户精确定义元素框出现的相对位置。（正确）
四、简答题
1. 简述排版与传统的排版。
答：（1） 内的单元格会随着表格的大小自动调整。
 （2）排版的页面也难再升级，但排版可以随意调整。
 （3）利用排版的页面在下载时必须等整个表格的内容都下载完毕之后才会一次性显示出来，而利用块的排版的页面在下载时可以分别下载，提高了页面的下载速度。
 （4）排版方式使得数据与文件完全分离，美工在修改页面时，只需要修改文件就可以了，大量减少了维护量。
2. 什么是？
答： （  ）即层叠样式表，它用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。它以语言为基础，提供了丰富的格式化功能，字体、颜色、背景等，更好地进行页面美工设计。
3的基本语法结构及规范？
答：语法结构：选择器{ 属性：“属性值”；属性：“属性值”；属性：“属性值”；……} 
规范：（1）属性必须要包含在{ }号之内
（2）属性和属性值之间用“：”分隔
（3）当有多个属性时，用“；”进行区分
（4）在书写属性时属性之间使用空格、换行等，并不影响属性的显示。
（5）如果一个属性有几个值，则每个属性值之间用空格分隔开。
4.举例说明的三种使用方法？
 答（1）内部样式表 
<>  
< ""> 
 h1 {: } 
 h3 {: } 
 <> 
<> 
（2）行内样式
 <> 
!<> 
<> 
（3）连接外部样式表
 < "" "" "" > 
5. 简述 选择器。 
答：选择器：可以为标有特定的 元素指定特定的样式。设定在上的格式为：
名{ 属性：“属性值”；属性：属性值”；属性：“属性值”；……}
 引用的方法：< 标签  ＝"名">。
6. 简述 类选择器。
答： 类选择器：以点号开始，为标有的元素指定特定的样式。 直接定义  
.类名{ 属性：“属性值”；属性：“属性值”；属性：“属性值”；……}
引用的方法： < 标签  "类名">  
7. 简述链接 伪类。
 答：链接伪类： 设置链接本来的颜色
   设置链接访问过后的颜色
  设置链接在鼠标悬停时的颜色
   设置链接被激活的颜色
8.简述选择器的优先权
答：（1）内联样式表的权值最高；（2） 选择器的权值为
（3） 类选择器的权值为 （4） 标签选择器的权值为
9. 简述的特点。
答：（1）可以将格式和结构分离。
（2）可以以前所未有的能力控制页面布局。
（3）可以制作体积更小、下载更快的网页。
（4）可以将许多网页同时更新，比以前更快更容易。
（5）浏览器的界面更友好。
10. 的实现方式有几种？那种实现方式优势更突出？相对其他实现方式而言其优点有哪些？
答：共有3种实现方式。实现方式按优先级依次是内嵌样式、内部样式表、外部样式表。使用外部样式表时，相对其他2种实现方式而言其优点有：（1）样式代码可以复用。一个外部文件，可以被多个网页共用（2）便于修改。（3）提高了网页显示的速度。
五、设计分析题
1.将以下代码进行缩写，注意要符合缩写的规范。
 a)代码一：
 :1; 
000; 
; 
b)
代码二：
 :20; 
:20; 
:5; 
:20; 
c)
代码三：
 336699; 
00;
2. 内部样式表要编写在页面之中，即将写在（ ）之间，并且用（ ）标签进行声明。请完整的完成一段内部样式表的编写。要求网页主体<>：
（1）字体大小是12
（2）字体样式正常
（3）字体带下划线
（4）字体颜色是3300。
3. 分析下列代码并画出实现的效果图。
<><><>无标题文档<>
< "">

{ 999; :2 #333;
:300; :300; ; }
（1）解释上面代码含义：

1 { 999; :2 #333;
:300; :300; :50; ; }
（2）解释上面代码含义：

2 { 999; :2 #333;
:300; :300; ; :700; }
<>
（3）解释上面代码的含义：

<>
<>
< "">左列<>
< "1">右列1<>
< "2">右列2<>
（4）解释上面<>标签里代码的含义：

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

（2）左列背景色为33c，边框属性为2、、#333；
（3）右列1背景色为33，边框属性为2、、#333；
（4）右列2背景色为33，边框属性为2、、#333；
（5）第二个盒子和第三个盒子的距离是50；第三个盒子页面左边距是700；
（4）三个盒子的宽度和高度都是300。
5. 创建一个名为1的层叠样式，并将这个样式定义在新建的的层叠样式表文件中。其参数设置字体为黑体，大小为24像素，样式为斜体，颜色为3300，修饰为下划线。
6. 编写代码完成下面网页结构布局，效果图及属性参数如下。
（1）效果图

（2）的全部对象的对齐方式居中。
（3）盒子的属性：:800；边框1 实线 颜色#000；填充10。
（4）盒子的属性：居中；下边界：5；边框：1 实线 颜色#000；填充：10；：33。
（5）盒子的属性：居中；:570；：300；边框1 实线 颜色#000；填充10。
（6）盒子的属性：居中；边框1 实线 颜色#000。
（7）盒子的属性：居中；边框1 实线 颜色#000；填充10。
7. 编写代码完成一列固定宽度的网页结构布局，其中盒子的：#999；边框：1 实线 颜色是#333；宽度和高度都是300。
8. 编写代码完成一列自适应宽度的网页结构布局，其中盒子的：#999；边框：1 实线 颜色是#333；宽度60%，高度都是300。
9. 编写代码完成一列固定宽度居中的网页结构布局，其中盒子的：#999；边框：1 实线 颜色是#333；宽度和高度都是300。
10. 编写代码完成两列固定宽度的网页结构布局，效果图及属性参数如下。
（1）效果图

（2）两个盒子的：#999；边框：1 实线 颜色是#333；宽度和高度都是300。
11. <><>无标题文档<>
< "">
p{ :20 60; 90; }
<>
<>
<>