CSS 简介01_html/css_WEB-ITnose

一、css组成

选择器{

属性：值；//说明

}

二、分类（三种）

内联式、嵌入式、外部式

内联式：直接把css代码写在现有的html标签中；

嵌入式：可以把css代码写在标签之间，一般将css样式嵌入

外部式：css代码写在一个单独的文件，这个css样式文件以.css为扩展名，在

说明：在相同权值的情况下，内联式>嵌入式>外部式；（就近原则）

三、选择器分类

1.标签选择器：html代码中的标签

2.类选择器：.类选择器{ }

使用class = “类选择器名称”为标签设置一个类

3.id选择器：#选择器{  }

使用id = “ID名称”为一个标签设置

说明：id和class都可以应用任何元素；ID选择器只能在文档中使用一次,类选择器可以使用多次；类选择器可以为一个元素设置多个样式。

4.子选择器：（>）,用于选择指定标签元素的第一代子元素

.first > span{color:red;}

5.包含（后代）选择器：加入空格，用于选择指定标签元素下的后辈元素。

.first span{color:red;}

说明：子选择器仅是指他的直接后代（儿子），后代选择器可以作用于所有子后代的元素（儿子，孙子，重孙等）；> 作用元素的后一代，空格作用于元素的所有后代。

6.通用选择器：*

它使用*号。能够匹配所有的html标签。

7.分组选择符：，

多个标签元素设置同一个样式时，可以使用分组选择符（，）

h1,span{color:red;}

四、特性

1.继承：css央视具有继承性，继承是一种规则，它允许该样式不仅应用于某个特定的html标签元素，而且应用与它的后代。

2.特殊性：有的时候同一个标签我们给了多个样式，那么元素会采用哪种样式，取决于这个样式的权值，标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100.

3.层叠：如果html文件中某个元素有多个css样式，并且这些css样式具有一样的权重，这个时候就取决于这些css样式的顺序，处于最后面的css会被应用。

4.重要性：！important。采用这种方式说明这个样式权重最高。