第二次整理

31.每一条css样式声明（定义）由两部分组成，形式如下：

选择器{

    样式;

}

在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

32.语法：

. 类选器名称{css样式代码;}

注意：

1、 英文圆点开头

2、其中 类选器名称 可以任意起名（但不要起中文噢）

使用方法：

第一步：使用合适的标签把要修饰的内容标记起来，如下：

<span>胆小如鼠</span>

第二步：使用 class ="类选择器名称"为标签设置一个类，如下：

<span class="stress" >胆小如鼠</span>

第三步：设置类选器css样式，如下：

.stress{color:red;}/* 类前面要加入一个英文 圆点 */

33.在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别：

1、为标签设置id="ID名称"，而不是class="类名称"。

2、ID选择符的前面是井号 （#） 号，而不是英文圆点 （.） 。

34..

类和ID选择器的区别

相同点：可以应用于任何元素

不同点：

1、 ID选择器只能在文档中使用一次 。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）.

34后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

35.伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：

a:hover{color:red;}，上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。

36.边框p{border:2px solid red;}