12月8日学习内容

一、选择器：
1，元素选择器p  。div.....  
2，id选择器#   优先级比元素高（不能以数字开头）
3.   类选择器，，class，
4. 通用选择器，，*
5. 分组选择器，分组选择器选取所有具有相同样式定义的HTML元素，用逗号隔开 。  
组合选择符号：
二、后代选择器，
1.后代元素选择器：div p{  ......}-------以空格分隔
2.子元素选择器：div>p{......}}-------以>分隔。与后代选择器相比，只能选自己的儿子
div可以为容器，p是段落标签，p不能当成容器标签
3.相邻兄弟选择器：div+p{......}}-------以 + 分隔，且二者有相同父元素。
4.后续兄弟选择器：
后续兄弟选择器选取指定元素之后的所有（所有的）相邻兄弟元素。
后续兄弟选择器是包含相邻兄弟选择器的
定位：
static静态，默认是static静态，不受top，left等的影响
relative，相对定位，可以设置top、left等，导致其偏离正常位置进行调整，不会对其余内容进行调整
来适应要元素留下的任何空间，就是说原来的位置空间还是在的，别的元素也不会占
fixed：固定定位，相对于视口定位的的，这意味着即使滚动页面，它也始终位于同一位置。top、right、
bottom和left属性用于定位此元素。
absolute：绝对定位，相对于最近的定位祖先元素进行定位（而不是相对于视口定位）。然而，如果绝对定位的
元素没有祖先，那就回根据body作为祖先元素。
sticky：粘性元素 根据滚动的位置在相对（rwelative）和固定（fixed）之间切换。起先它会被相对定位，直到在视口
中遇到给定的偏移位置为止，然后将其粘贴在适当的位置。

重叠元素：z-index:-1
数字最大，就在上面