复习HTML+CSS（9）

n  CSS简介

CSS：Cascading Style Sheets 层叠样式表

CSS的主要目的：是给HTML标记添加各种各样的表现（格式、样式）。比如：文字样式、背景、文本样式、链接样式。

提示：CSS是给HTML标记加的样式：JS是给HTML标记加的行为。HTML标记是最先出现的。

HTML超文本标注语言：各种HTML标记。

CSS层叠样式表：给HTML标记加的样式。

JavaScript脚本程序：给HTML标记加的程序。

n  CSS语法格式

• 一个CSS规则，有“选择器”和“格式声明语句”构成
• “选择器”：就是选择HTML标记，换句话说：就是给哪个HTML标记加样式。
• “格式声明语句”：有{ }构成，{ }中是各种格式语句。
• 一条格式，有“属性名：属性值”构成。
• 每一条格式语句，必须用英文下分号“;”结束
• 属性名，就是CSS中的各种属性，这些属性名都是固定的。
• 属性值，一个属性名可以取不同的值，这个值不加引号。
• CSS中的数字单位都是px，不能省略。

n  CSS选择器

• 基本选择器

（1）“*”选择器：通配符

l  描述：将匹配所有的HTML标记，所有的标记都会改变的。

l  语法：*{color:#f00;}

l  注意：“*”尽量少用，因为IE6不支持。

（2）标签选择器

n  描述：将匹配指定的HTML标记

n  语法：h1{color:#f00;}

n  注意：HTML标签选择器，与HTML标记的名称一样，但不能加尖括号。

（3）class选择器（类选择器）——类选择器是使用频率最高的

u  描述：给一类HTML标记加样式。这里所指的“一类”是：每个HTML标记都有一个class属性，且class的值一样。Class属性是公共属性，每个HTML标记都有。

u  类选择器的名称，必须以“.”开头，后跟HTML标记的class属性的值，如：.box{color:#ccc;}

u  HTML标记的class属性的值，不能以数字开头。

（4）id选择器

u  描述：给指定id的元素添加样式。

u  注意：网页中HTML标记的id属性的值，必须是唯一的。

u  每一个HTML标记都有一个id的公共属性。

u  注意：id属性一般是给JS使用的，不是让你来加样式的。

u  Id选择器的名称，必须以“#”开头，后跟HTML标记的id属性的值。