【九月打卡】第13天 选择器

课程名称：初识HTML(5)+CSS(3)-升级版课程

课程章节：8-1 css3的游戏规则 - 什么是选择器？8-2选一个标签 - 标签选择器8-3再选一个类 - 类选择器

主讲老师：五月的夏天

课程内容：

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

选择器{

    样式;

}

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

标签选择器其实就是html代码中的标签。

例如下面代码：

p{font-size:12px;line-height:1.6em;}

上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式

类选择器在css样式编码中是最常用到的.

语法：

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

注意：

1、英文圆点开头

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

使用方法：

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

<span>胆小如鼠</span>

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

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

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

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

课程收获：

学习了选择器的概念，并学习了他的两种运用。