CSS——基础选择器

基础选择器

一、CSS选择器的作用

​ 根据不同需求把不同的标签选出来，即选择标签用的（又称旋选择符）；

二、分类

<一>、基础选择器

1、解释

​ 一个标签可以定义多个类名；

2、标签选择器

1> 又名元素选择器

2> 定义

​ 指用HTML标签名作为选择器，按标签名分类，为页面中某一类标签指定统一的CSS样式；

3> 例如:

/* 标签名 { 属性： 属性值；属性： 属性值；属性： 属性值； } */

4> 作用

​ 可以把某一类标签全部选择出来;

5> 优点

​ 能快速为页面中同类型的标签统一设置样式;

6> 缺点

​ 不能设计差异化样式，只能选择全部的当前标签;

3、类选择器（重点）

1> 特点

​ 可以差异化选择不同的标签，单独选择一个或者几个标签;

2> 语法

(1)、用法

​ 类选择器在HTML中以class属性表示，在CSS中，类选择器以一个点"."符号显示;

(2)、例如：

/* .类名 { 属性1：属性值1；...... } */
/* eg：.red { color: red; } */

(3)、结构需要用class属性来调用class类的意思

<div class="red">变红色</div>

(4)、口诀

​ 样式点定义、结构类(class)调用、一个或多个、开发最常用;

3> 注意

​ (1)、类选择器使用"."（英文点号）进行标识，后面紧跟类名（自定义，自己命名）；
​ (2)、不能用HTML中的标签名作为类名；
​ (3)、可以理解为给这个标题起了一个名字，来表示；
​ (4)、长名称或者词组可以使用中横线来为选择器命名；
​ (5)、不要使用纯数字、中文等命名，尽量使用英文字母来表示；
​ (6)、命名要有意义，尽量使别人一眼就知道这个类名的目的；
​ (7)、命名规范&#x