一、单选题
1.CSS是利用( B )XHTML标签构建网页布局。
A.
C. D.
2.在CSS语言中下列哪一项是“左边框”的语法( C )
A.border-left-width: B.border-top-width:
C. border-left: D. border-top-width:
3.在下列CSS语言中( A )适用对象是“所有对象”。
A.背景附件B.文本排列C.纵向排列D.文本缩进
4.下列( D )不属于CSS文本属性。
A.font-size B.text-transform C.text-align D.line-height
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: C.color: D.text:
7.怎样给所有的
标签添加背景颜色( B )
A. .h1 { background-color:#ffffff }
B. h1 { background-color; }
C. h1.all { background-color:#ffffff }
D. #h1 { background-color:#ffffff }
8.下列哪个CSS属性可以更改样式表的字体颜色( D )
A.text-color= B.fgcolor: C.text-color: D.color:
9.下列哪个CSS属性可以更改字体大小( B )
A.text-size B.font-size C.text-style D.font-style
10.下列哪段代码能够定义所有P标签内文字加粗( D )
A.
B.< p style=”font-size:blod”>
C.p{ text-size:bold; } D.p{ font-weight:bold; }
11.下面哪个方法可以去掉文本超链接的下划线( D )
A. a{ text-decoration:no underline; } B. a{ underline:none; }
C. a{ decoration:no underline; } D. a{ text-decoration:none; }
12.下列哪个CSS属性能够更改文本字体( C )
A.f; B.font= C.font-family: D.text-decoration:none;
13.下列哪个CSS属性能够设置文本加粗( A )
A.font-weight:bold B.style:bold C.font:b D.font=
14.下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、(顺时针方向)( A )
A.padding:10px 20px 30px 40px B. padding:40px 30px 20px 10px
C.padding:10px 40px 30px 20px D. padding:20px 10px 40px 30px
15.下列哪个属性能够设置盒子模型的左侧边界(C)
A.margin: B.indent: C.margin-left: D.text-indent:
16.(D)能够定义列表的项目符号为实心矩形。
A.list-type:square B.type:2 C.type:square D.list-style-type:square
17.关于WEB标准以下说法错误的是(B)
A.Web标准是一个复杂的概念集合,它由一系列标准组成
B.这些标准全部都由W3C起草与发布
C.Web标准可以分为3个方面
D.Web标准里的表现标准语言主要包括CSS
18.以下是元素作用的是(A)
A.该元素用来定义文档类型B.该元素用来声明命名空间
C.该元素用来向搜索引擎声明网站关键字D.该元素用来向搜索引擎声明网站作者
19.关于float描述错误的是(B)
A.float:left B.float:center C.float:right D.float:none
20.外部样式表文件不可以由以下哪个方法导入(C)
A. link B.import C. style D.附加样式表
21.标签
的对齐属性是(B)
A. style B.align C.angle D.padding
22.以下哪个选项是设置底边框的(A)
A.border-bottom B.border-top C.border-left D.border-right
23.以下关于CLASS和ID的说法错误的是(D)
A.class的定义方法是:.类名{样式};
B.id的应用方法:
C.class的应用方法:
D.id和class只是在写法上有区别,在应用和意义上没有区别
24.以下哪个选项是对对象进行定位的(C)
A.padding B.margin C.position D.display
25.关于块状元素说法正确的是(C)
A.块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包括div \ h1-h6\ p\ ul
B.默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象;默认情况下块状元素会按顺序自上而下排列。
C.块状元素都不可以定义自己的宽度和高度
D.块状元素一般都作为其他元素的容器,它可以容纳其他内联元素和其他块状元素,我们可以把这种容器比喻为一个盒子。
26.关于DIV以下描述正确的是(A)
A.div是类似于一行一列表格的虚线框
B.div由行列形成的单元格构成,可执行合并拆分等操作
C.由div布局的页面结构域表现不能分离
D.div不要求我们严格CSS支持
27.关于CSS以下说法错误的是(D)
A.每个CSS样式都必须由两部分组成:选择器和声明
B.选择器表示要定义样式的对象,可以是元素本身,也可是一类元素或制定名称的元素
C.属性是指定选择器所具有的属性,它是CSS的核心,css共有150多个属性
D.定义属性值:属性值是指数值加单位,如20px
28.关于CSS定义的说法错误的是(C)
A.类样式的定义方法是点+样式名字
B.用户定义的类的定义方法是#+样式名字
C.声明定义时属性和属性之间用空格分隔
D.HTML标签. 样式名字:是指只有该指定的标签才能引用它。
29.关于样式表的优先级说法不正确的是(D)
A.直接定义在标记上的CSS样式级别最高
B.内部样式表次之
C.外部样式表级别最低
D.当样式中属性重复时,先设的属性起作用
30.使用link元素调用CSS的语法中,以下哪个属性是用来指定CSS文件的路径的(C)
A. url B.src C.href D.以上都不对
31.在CSS中,注释代码是(B)
A.用来书写一行注释。(错误)
4.由于Table布局相比DIV布局缺点较多,因此在网页制作时应当完全放弃使用Table布局。(错误)
5.在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(CascadingStyleSheet)即层叠样式表,它用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。它以HTML语言为基础,提供了丰富的格式化功能,字体、颜色、背景等,更好地进行页面美工设计。
3.CSS的基本语法结构及规范?
答:CSS语法结构:选择器{属性:“属性值”;属性:“属性值”;属性:“属性值”;……}
规范:(1)属性必须要包含在{ }号之内
(2)属性和属性值之间用“:”分隔
(3)当有多个属性时,用“;”进行区分
(4)在书写属性时属性之间使用空格、换行等,并不影响属性的显示。
(5)如果一个属性有几个值,则每个属性值之间用空格分隔开。
4.举例说明CSS的三种使用方法?
答(1)内部样式表
h1{color:red}
h3{color:blue}
(2)行内样式
LINK!
(3)连接外部样式表
5. 简述CSSID选择器。
答:ID选择器:可以为标有特定ID的HTML元素指定特定的样式。设定在ID上的css格式为:
#id名{属性:“属性值”;属性:“属性值”;属性:“属性值”;……}
引用的方法:。
6. 简述CSS类选择器。
答:类选择器:以点号开始,为标有class的HTML元素指定特定的样式。直接定义class
.类名{属性:“属性值”;属性:“属性值”;属性:“属性值”;……}
引用的方法:
7. 简述CSS链接伪类。
答:链接伪类:a:link设置链接本来的颜色
a:visited设置链接访问过后的颜色
a:hover设置链接在鼠标悬停时的颜色
a:active设置链接被激活的颜色
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)字体带下划线
(4)字体颜色是#ff3300。
3. 分析下列代码并画出实现的效果图。
无标题文档
#left { background-color:#999;border:2px solid #333;
width:300px; height:300px; float:left; }
(1)解释上面代码含义:
#right1 { background-color:#999;border:2px solid #333;
width:300px; height:300px; margin-left:50px;float:left ; }
(2)解释上面代码含义:
#right2 { background-color:#999;border:2px solid #333;
width:300px; height:300px; position:absolute ;left:700px;}
(3)解释上面代码的含义:
左列右列1右列2
(4)解释上面
标签里代码的含义:
4. 编写CSS+DIV代码完成三列固定宽度的网页结构布局,效果图及属性参数如下。
(1)效果图.
(2)左列背景色为#ffc33c,边框属性为2px、solid、#333;
(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代码完成两列固定宽度的网页结构布局,效果图及属性参数如下。
(1)效果图
(2)两个盒子的background-color:#999;边框:1px 实线 颜色是#333;宽度和高度都是300px。
11.
无标题文档
p{ padding :20px 60px; border:thin solid #f90; }
这是一个新样式
请解释上面的代码的含义。