整理css基础篇---选择器+样式基础+样式填坑集合

语法基础：

1：css规则：选择器（选中元素）+声明块（声明块有很多声明（属性），表达样式）
学习链接：https://www.w3school.com.cn/css/css_syntax.asp

选择器：元素选择器
（1）ID选择器
（2）元素选择器
（3）class类选择器 ：https://www.w3school.com.cn/css/css_selector_class.asp
类选择器 （.class 、可配合通配符*.class、元素使用p.class）+多类选择器（.classA .classB）
（4）通配符选择器 ： https://www.w3school.com.cn/css/css_selector_grouping.asp
*{ }中每一项
（5）属性选择器 ：示例：https://www.w3school.com.cn/css/css_syntax_attribute_selector.asp
1：带有X属性：[ X ]{ } 。示例： [ href] { }
2：X属性等于某a值:[ X=a ]{ } 。 示例： [ href =“https://www.baidu.com”] { } ，为避免https出错啊啥的一般用 [href$=“baidu.com”]指以baidu.com结尾的地址
3：X属性中包含某a值:[ X~=a ]{ }。示例：p [class ~=a] { }

( 6）伪类选择器 ：示例：https://www.w3school.com.cn/css/css_pseudo_classes.asp
选中某些元素选中的某种状态：

：hover所有元素被被鼠标悬停时选中时的状态，a：hover即a标签被鼠标悬停时选中时的状态
特：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。（爱恨法则–love）
在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。（爱恨法则–hate）
伪类名称对大小写不敏感。

（7）伪元素选择器 （::）：https://www.w3school.com.cn/css/css_pseudo_elements.asp

（8）后代选择器（）：https://www.w3school.com.cn/css/css_selector_descendant.asp

（9）