CSS3基础--选择器＋属性=CSS语法
1.基础概念 CSS--英文全称：Cascading Style Sheets --中文全称：层叠样式表 css文件后缀名：.css文件(纯文本文件) css规则的代码注释：/CSS代码/(单行多行都可以使用) html规则的代码注释：
2.在页面中使用CSS的方式 (1)行内样式 简介：最简单，但是作用范围比较窄，CSS语法规则中只使用属性部分，不适用选择器部分 语法：在被控制的HTML元素中添加HTML属性style， 然后再style对应的属性值(字符串)中，书写CSS语法属性规则(key:value;) (2)内部样式 简介：使用频率较高，一般用于该页面的所在特殊规律控制 位置：一般在head标签里面，嵌入style元素标签，在style里面书写CSS 注意：规则可以重复，不会报错，但是在优先级相同时只会显示最新的CSS规则 (3)链入外部样式表文件 简介：一般用于站点通用规则描述 demo： 注意：在link元素标签中，需要使用href属性和rel属性 (4)层叠的优先级 验证规则优先级：行内样式＞内部样式＞外部样式＞浏览器默认样式 重要原则：离被控元素越近优先级越高，被控元素范围越小优先级越高
3.CSS的基础语法 基础语法：选择器{属性;}
4.CSS的选择器(重点) (1)元素选择器 说明：选择的是某类元素标签，所有的。不关心在HTML元素标签中的层次。 选择的是集合 注意：多种不同元素标签选择，使用逗号连接， 逗号连接符组成的选择器叫并集选择器！ (2)通配符选择器(*号) 所有元素都能被选择(选择集合) (3)属性选择器(高级选择器，CSS3新标准) p[pl^="p"] 全选 全部变色 功能：选择是否带有某个属性key 选择某个属性key对应的具体的value 选择某个属性key对应的以某个字符串开头或结尾的模糊value(具体项目用得较多) 属性选择器不能单独使用，和别的搭配使用
根据HTML选择属性，来选择 (4)派生选择器(先圈定大范围，然后再在这个里面在圈定小范围) 1)后代选择器(交集选择器) 符号：空格 demo：div p表示选择所有在div层级下的所有p元素标签 总结：针对上面的demo，不管p在div中的哪一个层次，只要祖先元素为div，则该p会被选中 2)子元素选择器 符号：> demo：div>p，选择div子代元素集合中的p元素集合(自带指的是第一层的后代)
3)相邻兄弟选择器 序号：+ demo：选择的是+后面的元素，选择的是一个紧邻的元素标签，不是集合 (5)兄弟选择器 符号：~ demo：ul~p，选中的是p集合，前提该p元素和ul在一个层次并且在ul元素的下面 (6)id选择器 序号：# 注意：使用时需要和HTML属性id配合使用 使用：可以给任意的HTML元素增加id属性，然后在css中通过#id的方式，选择它，这种是最为精确的一次选择， 优先级最高 (7)class选择器 和id选择器相似
