CSS和CSS选择器总结

                                                                                                             CSS和CSS选择器总结

CSS：层叠样式表，是用来设置html标签的一些属性如：宽高 边框 内外边距 背景等等，从而根据属性设定，显示特定的效果
  
       对于标签而言不使用css来控制自己的属性，也是行的。但是使用css来控制html标签的属性的好处在于，将属性与html标签本身拆分开，代码结构更加的清晰，修改维护更加的方便。其次将内容与表现分离开来，使得html标签像xml标签一样变得纯粹。
 
  既然css是用来设置标签的属性，那么css首先就得有一套查找标签定位标签的方法，在css中这种方法就是选择器。
  

下面就介绍6中最为常用的CSS选择器

        1.通配符选择器
             *{ }  选择所有的标签

        2.元素选择器:选择指定的标签名的所有同类标签
             h1{color:red} 选择所有的h1标签
   
       3.类选择器:选择指定类名的所有标签
             .footer{color:red} 选择标签中，class=footer的所有标签
   
       4.id选择器:选择指定id的唯一标签
            #footer{color:red} 选择id=footer的唯一标签
   
       5.群组选择器:选择多个类型的标签，不同类型标签选择器用逗号隔开。
           p,.footer{color:red}  选择所有的p标签和class=footer的标签

      6.派生选择器:也成为父子选择器，标签的嵌套位置选择子标签。
           div h1{color:red}  选择div标签内的h1标签