当前位置:文档之家› CSS复习题

CSS复习题

CSS样式复习
一、判断对错
二、填空
1.CSS(Cascading Style Sheets)是层叠样式表的缩写”层叠”就是将显示样式独立于显示的内容,进行分类
管理.
2.Css样式上下文选择符定义嵌套标记的样式。

3.层叠样式表的英文缩写是CSS(t)
4.选择器是指要引用样式的对象,它可以是一个或多个HTML标记(各个标记之间以逗号分开),也可以是类选
择符、ID选择符或属性选择符等。

5.css样式定义中可以加入注解,格式为:/*字符串*/
6.CSS样式表定义的基本语法为:选择器{样式属性名称:属性值;样式属性名称:属性值;}
7.外部样式表文件将样式表定义为一个独立的CSS样式文件,使用该样式表的HTML文件在头部用<link>标记
链接到这个CSS样式文件,优先级低。

8.内嵌样式表利用<style>标记将样式表嵌入HTML文件的头部。

优先级高于外部样式文件,低于行内样式表。

9.行内样式表在HTML元素内部使用style属性定义样式表,行内样式表具有最高优先级。

10.引用样式表在一个样式表内部使用@import语句引用其它样式表文件。

11.标签(标记)选择器又称HTML元素选择器或类型选择器,是CSS中最基本的选择器,为HTML网页上所有使
用了这个标记的内容应用样式。

12.类别选择器同时为多个标签(标记)设置相同的样式,在CSS中定义类别选择器的样式,类别选择器名称前
面是“.”点号。

在HTML元素标记中使用class属性,属性值等于CSS类名称。

13.Id选择器每一个HTML元素都可以指定一个标准的id属性的属性值,这个属性值用来唯一标识一个HTML元
素。

14.对HTML元素定义一个id属性并定义属性值;CSS样式中引用id属性值且前缀是#号。

15.通配符选择器用*号作为选择符,表示对页面上所有元素应用样式。

16.属性选择器直接对拥有特定属性的HTML元素应用样式,定义属性选择器时,属性名称用中括弧括起来。

17.伪类是特殊的类,可区别标记的不同状态,伪类最常见的应用是指定超链接<a>以不同的方式显示链接。


链接有四个伪类选择器:link visited active hover
18.CSS样式中Font-family属性用于将一个或多个字体名称指定页面元素要使用的字体。

19.CSS样式中Font-size属性用来对字号大小进行设置。

20.CSS样式中Line-height属性用来设置行高
21.CSS样式中Letter-spacing属性用来指定两个字符之间的距离。

22.CSS样式中Text-decoration属性用来指定文本修饰方式,属性值underline定义修饰方式为下划线。

23.CSS样式中Word-spacing属性用来指定英文单词字母间的间距。

24.CSS样式中border-style属性用来设置边框样式。

25.CSS样式中Background-color属性用来设置背景颜色
26.CSS样式中Background-image属性用来设置背景图片,格式为:background-image: url(rose.jpg)
27.CSS样式中Background-repeat属性用来设置背景图像是否重复,repeat-x 在水平方向上重复。

三、名词
1.层叠样式表CSS
(Cascading Style Sheets)CSS是一套开放性标准,不仅可用于HTML语言,也可用于其他网页设计语言。

它扩充了HTML语言标记的属性设定,可进行样式集中管理,将内容和显示样式分开定义。

“层叠”,实际上就是将显示样式独立于显示的内容,进行分类管理
四、简答
简述css样式表的类别
(1)外部样式表文件
将样式表定义为一个独立的CSS样式文件,使用该样式表的HTML文件在头部用<link>标记链接到这个CSS样式文件,优先级低。

CSS样式文件的扩展名为.css
格式:
<head>
<link rel=“stylesheet” type=“text/css” href=“css1.css” >
</head>
(2)内嵌样式表
利用<style>标记将样式表嵌入HTML文件的头部。

优先级高于外部样式文件,低于行内样式表。

格式:
<head>
<style type="text/css">
选择器{样式属性名称:属性值;样式属性名称:属性值;}
</style>
</head>
(3)行内样式表
在HTML元素内部使用style属性定义样式表,行内样式表具有最高优先级。

格式:
<标记 style="样式属性名称:属性值;样式属性名称:属性值;">
(4)引用样式表
在一个样式表内部使用@import语句引用其它样式表文件。

格式:
<head>
<style type="text/css">
@import url("css1.css");
</style>
</head>
简述CSS选择器的类别
(1)标签(标记)选择器
又称HTML元素选择器或类型选择器,是CSS中最基本的选择器,为HTML网页上所有使用了这个标记的内容应用样式。

(2)类别选择器
同时为多个标签(标记)设置相同的样式,在CSS中定义类别选择器的样式,类别选择器名称前面是“.”点号。

在HTML元素标记中使用class属性,属性值等于CSS类名称。

(3)Id选择器
每一个HTML元素都可以指定一个标准的id属性的属性值,这个属性值用来唯一标识一个HTML元素。

对HTML 元素定义一个id属性并定义属性值;CSS样式中引用id属性值且前缀是#号。

(4)通配符选择器
用*号作为选择符,表示对页面上所有元素应用样式。

(5)属性选择器
直接对拥有特定属性的HTML元素应用样式,定义属性选择器时,属性名称用中括弧括起来。

(6)伪类是特殊的类,可区别标记的不同状态,伪类最常见的应用是指定超链接<a>以不同的方式显示链接。

超链接有四个伪类选择器:link visited active hover
五、程序编写
1.用CSS样式定义段落样式为:字体”宋体”;字号9pt
<head>
<style type="text/css">
p {
font-family: "宋体";
font-size:9pt;
}
</style>
</head>
2.用css样式定义1号标题和2号标题文字样式为:颜色红色;对齐方式居中
<head>
<style type="text/css">
h1,h2 {
color:red;
text-align:center;
}
</style>
</head>。

相关主题