CSS

1、何为CSS?

?

CSS是Cascading Style Sheet 的缩写,，译作“层叠样式表单”，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

2、CSS的作用：解决了一个带有普遍性的问题

? ?

设计HTML标签的本意是定义文档的内容，它们本来想使用诸如

、

、等描述“这是一个标题”、“这是一个段落”、“这是一个表格”的内容定义。

虽然通过设置HTML标签的属性和增加HTML格式标签（例如color颜色属性和格式标签）,可以来控制内容格式（即网页的外观），但过多的属性设置和格式标签的添加不但增加了代码的复杂性和冗余性，还使人们发现要想把网页内容和其外观定义分离开来却变得越来越困难。

?

CSS的出现很好地解决了这个问题，HTML标签可以完全不管格式定义，直接将其交给CSS来做。举例：CSSTEST0.HTM、CSSTEST1.HTM、CSSTEST2.HTM

3、CSS基本掌握要求（考点）及题型

? ? ?

知识点：内嵌样式单、内部样式表、外部样式表、类样式、css简单样式定义；

操作：读懂源代码，能做简单修改；将已有样式（内部、外部）添加到html代码中。选择题练习 注意事项：

o 在书写网页代码时，除了输入中文字符外，输入法必须切换在英文半角状态！！！ o 插入已有样式代码时，要注意标点符号是否是英文标点，否则要一并做修改。

能读懂简单的CSS样式表代码，并能根据需要，选择适当的方式（内联样式表、外部样

式表）和适当的层叠样式表，插入到当前网页的HTML代码中。

作优用先范级 围 类别 加入方式和位置、其他说明 格式、举例 内嵌 位置在具体html标记中， 样式 加入style属性进行设置 单 位置放置在区中， 内部 起始结束部分需加入 样式 标记。 表 具体定义请看后面的 当前高 标举例：

记 举例： ??

自主实践：在css练习.htm head区添加段落p、列表项li的颜色样式定义。 (3) 外部样式表（外联式）——可以对多个网页起统一的样式作用，优先级低，但仍高于HTML标记的格式属性。

，样式文件中直接书写样式定义。 自主实践：在css练习.htm head区添加外部样式文件定义。 (4) 类样式的引用

类样式的由来说明：本来样式表是针对具体Html标记代码进行的样式属性设定，但有的时候同一个标记用在了多处，某处或各处需要不同的样式，这就不能统一定义样式，因此引入类样式的概念，可以事先定义某类样式（用.表示类，即定义时类名前加上一个点），需要用到这种样式的时候在标记内加入 class=样式名称 即可。先定义后引用。

定义方式：可以自定义类样式名，定义样式时前面要加上点号，如\.p1\，引用样式时要在HTML标记中加入class=样式名（注意不要加点）。例如：

先在样式声明中定义类：.p1 {background:gray}

再在HTML标记中引用该类：

该段落背景色为灰色

举例：如某2个段落的字体颜色、大小是一致的，可以分别设定为类别p1，并预先为这个类别定义样式。?? 中。 内嵌样式单(Inline Style)——优先级最高，嵌入在HTML元素中的style属性中。

例如： 假设body标记的内嵌样式中定义了font-size:30pt, 而内部样式中又有body的样式定义font-size:12pt，那么内嵌式样式将覆盖内部样式，最终body的字体大小样式为30pt。

【试题】

1. 根据右图判断当前页面使用的CSS加入方式是( B ) A. 嵌入式样式表 B. 内联式样式表 C. 外联式样式表 D. 依赖式样式表

2. 从index.htm中的代码\

rel=\可以看出，index.htm采用了哪种方式的css样式表？( C )

A. 内嵌样式(Inline Style) B. 内部样式表(Internal Style Sheet)

C. 外部样式表(External Style Sheet) D. 混合样式表(Mixed Style Sheet) 3. 在HTML中加入CSS的方法有多种，其中把样式代码定义成一个文件，然后链接到被引

用的网页中，这种方法称为( B )

A. 直接编写 B. 外联式样式表 C. 内联式样式表 D. 嵌入式样式表 4. 在网站开发时，为了保证网站页面风格的一致，最好采用( A )

A. 外联式样式表 B. 内联式样式表 C. 嵌入式样式表 D. JavaScript

5. 网站中若干网页，若使用同一种文字效果，使用下列哪一种样式表最合适？( C ) A. 嵌入式样式表 B. 内嵌式样式表 C. 外联式样式表 D. 静态样式表 6. 使用CSS设置外观时，若想只对当前页应用样式，最好使用( C )

A. JavaScript样式表 B. VBScript样式表 C. 内联式样式表 D. 外联式样式表

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库CSS简单学习在线全文阅读。