CSS基础知识汇总{主要内容： CSS语法结构，类选择器，后代选择器，交集选择器等}

1、CSS的作用： 通过css达到美化网页的效果
2、选择器：

✔ 基础选择器（重点）
◆标签选择器（重点学习）
◆类选择器（重点学习）
◆ID选择器
◆通配符选择器
✔ 复合选择器（重点）
◆后代选择器（重点）
◆子代选择器
◆伪类选择器（重点）
◆并集选择器（重点）
◆标签指定式选择器（重点）

类选择器示例：

类选择器特点注意事项：
◆不能使用数字定义类名
◆不能使用特殊字符定义类名（%，/…）
◆不推荐使用单个字母定义类名（不严谨）
◆不推荐使用汉字定义类名（不严谨）
◆ 推荐使用预定义好的类名
◆ 使用有具体语义的单词或者拼音定义类名

类选择器的特点：
◆一个类样式可以被多个标签同时调用
◆一个标签可以同时调用多个类选择器
☞ID选择器与类选择器之间的区别：
◆一般情况下，我们在使用ID选择器设置样式的时候，最好每一个标签的ID值不一样。
◆一个标签只能调用一个ID样式（一个标签只能有一个ID值）
通配符选择器
☞语法：
* { 属性: 值;… }
☞特点：
通过该选择器会将页面中所有的标签都选中。
3、与文本相关的属性介绍（不包括color）
font-size: 设置文字大小
☞ font-family: 设置文字字体
☞ font-weight: 设置文字是否加粗显示
◆normal 或者 设置400 (默认值)
◆bold 或者设置 700 ---->文字加粗
☞ font-style: 设置文字是否斜体显示
◆normal (默认值)
◆italic ---->文字斜体显示
☞ line-height: 设置文字的行高
行高的本质是改变：文字上下之间的距离。
☞font属性联写：

☞注意：
◆在font属性联写中，必须设置font-size 和 font-family
◆在font属性联写中，font-size必须放到font-family之前设置
3、文本修饰
文字阴影

水平向右为正、垂直向下为正
注意：设置多个文字阴影使用逗号隔开即可。

4、设置内容居中显示：
text-align:left | center | right（也写在CSS样式中）
注意：
该属性只能在块级元素中使用。
5、后代选择器（掌握）
后代选择器必须在嵌套结构中使用，后代选择器只能选中所有后代元素（子元素）

语法：选择器  选择器 {属性: 值;.....}
注意：后代选择器中，选择器与选择器之间必须有空格！！！

6、子代选择器

语法：选择器>选择器 {属性: 值;....}
特点：◆只能在嵌套结构中使用子代选择器
      ◆子代选择器只能选中直接子元素（只能选中儿子）

7、标签指定式选择器（掌握）

标签指定式选择器又叫 交集选择器
语法：选择器.选择器{ 属性: 值;.... }
标签指定式选择器的关系：既。。。。又。。。。
如：div.one{属性: 值;.... }

8、并集选择器

语法：选择器,选择器 {属性: 值;....}
通过并集选择器设置公共的样式