网页设计与制作教程

css的选择器

选择器的分类：1.基础选择器:元素选择器   类选择器       id选择器     通配符选择器

                         2.复合选择器：后代选择器    并集选择器    子选择器   伪类选择器

元素选择器：元素选择器也称标签选择器。html页面是由多个不同的元素组成的，如h1，p，img，等css的元素选择器用于声明这些元素的样式。元素选择器是最简单的选择器，选择器是某个html元素。元素选择器的格式如下：

  E{property1：value1；property2：value2；...}

E是Elment（元素的缩写），表示元素的名称，列如p，div，td，等html元素。property是css的属性名，value是对应的属性值。

需要注意的是，css对所有的属性和属性值都有严格的要求，如果声明的属性在css规范中不存在或者某个属性值不符合该属性的要求，都不能使该css声明生效。

通配符选择器：通配符选择器也称全局选择器，其作用是定义网页中所有元素均使用同一种样式。在编写代码时，用“*”表示通配符选择。其格式为：

   *{property1：value1;property2: value2;...}

 例如，通常在制作网页时首先将页面中所有的元素的外边距margin和内边距padding设置为0，代码如下：

*{margin：0px；/*外边距设置为0*/}

padding：0px；/内边距设置为0*/}

此外，还可以对特定元素的子元素应用样式。

属性选择器：对带有指定属性的html元素设置样式的选择器，称为属性选择器。从广义角度来说，元素选择器是属性选择器的特例，是一种忽视指定html元素的属性选择器。属性选择器可以匹配html文档中元素定义的属性，属性值或属性值的一部分。属性选择器的格式如下：

     E【attribute】 {property1：value1；property2： value2；}

  E表示元素的名称，可以省略。attribute表示该元素的某个属性。属性选择器是在元素名后面加一对方括号，方括号中列出各种属性或者表达式。这里E表示属性选择器匹配网页中具有attribute属性的E元素。如果省略元素名，则为包含指定属性的所有元素设置样式。在css3中，属性选择器的语法格式有七种