高级选择器

<!--正常情况下 <bady margin=0  auto  不管怎样都居中-->
    <!--高级选择器-->    
    <!--通配符选择器 *{xx#}级别最低，margin=0，padding=0）-->
    <!--分组选择器 div，p{...}-->
    <!--后代选择器  div下的只要有a标签就受影响  div a{}-->
    <!--子代选择器  div>a  只能div底下的  --> 
    <!--相邻兄弟选择器 div+p  只影响紧邻的标签--> 
    <!--伪类选择器-->
    <!--链接样式 <a：link未被访问，a:visited 访问过了 a：hover 鼠标移上去 a：active鼠标点击     正常情况用 a：hover-->
    <!--元素伪类 每一个标签前面/后面加一个伪元素 xx::before/after{
        content:"xx"
        ul,li{
            lisr-style=none
            li,{ 
                padding-left
                backgrodnd ur...
                调大小
            }
        }
    }-->
    <!--border-collapse:collapse边框合并、table-layout：fixed 先设置table宽度在设置tb宽度-->
    <!--浮动-->
    <!--float:left/right 浮动
       大div下面+overflow，div style clean both,after::display clean both-->
       大div外层布局全部加清除浮动