CSS选择器用法和分类之基础选择器

css主要包含两个内容：选择器的使用、样式的定义

---

一.css选择器用法规范

选择器 { 样式 }

等价于 给谁改样式 { 改什么样式 }

样式：

h1 { color:red;
     font-size:25px;
}

属性和属性值以键值对形式出现，

属性和属性值中间用冒号分隔，

每个 ”键值对“ 之间用英文 ”;" 进行区分。

---

二.css选择器的作用

h1 { color:red;
     font-size:25px;
}

上面的CSS做了两件事：

1.找到所有的h1标签。选择器(选对人）。

2.设置这些标签的样式，比如颜色为红色（做对事）。

---

三.选择器分类-基础选择器

分为基础选择器和复合选择器

基础选择器包括：标签选择器、类选择器、id选择器、通配符选择器

---

1 标签选择器（元素选择器）

是指用HTML标签名称作为选择器

2 类选择器

   （1）css样式先定为一类，然后再选择标签。如果想差异化选择不同的标签，单独选择一个或某几个标签，可以使用类选择器

口诀：样式点定义，结构类（class)调用   一个或多个   开发最常用

   （2）多类名的使用方式

<div class="red font30">周杰洛</div>

        1）在标签class属性中写多个类名

        2）多个类名中间必须用空格分开

使用多类名的优点：可以使用公共类样式 +独有类样式 ，修改方便

3 id选择器

口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用

id选择器和class选择器的区别

（1）类选择器好比人的名字，一个人有多个名字，

（2）id 选择器好比身份证号码，只能使用一次

4 通配符选择器

通配符选择器用 “ * ” 定义，它表示选取页面中所有的元素（标签）。