CSS基础（选择器）

    选择器指定样式规则可用于HTML文档中哪个或者哪些元素。选择器可以采用多种方式，提供一个极大的可伸缩性来匹配文档中的各种标记。以下是一些常见的选择器类型：

    （1）全局选择器

           整个网页的字型是“微软雅黑”，字体大小是13px

          *{

　　　　　font-family: "微软雅黑";

　　　　　font-size: 13px;

          }

    （2）元素选择器

           p和h1元素内的背景颜色是黄色，字体颜色是蓝色

           p,h1{background-color:yellow;color:blue;}

           <p>全局选择器</p>
    　　 <h1>元素选择器</h1>

    （3）后代选择器

           ul元素下的a元素内的背景颜色是黄色，字体颜色是蓝色

           ul a{background-color:yellow;color:blue;}

           <ul>
              <li><a href="#">登陆</a></li>
              <li><a href="#">注册</a></li>
           </ul>

    （4）子选择器

           紧挨着ul元素下的li元素内的背景颜色是黄色，字体颜色是蓝色

　　　   ul>li{background-color:yellow;color:blue;}

　　　　<ul>
              <li><a href="#">登陆</a></li>
              <li><a href="#">注册</a></li>
            </ul>

    （5）id选择器

           id属性命名为head的背景颜色是绿色

           #head{

           　　background-color:green

           }

           <h1 id="head">开始学习CSS</h1>

    （6）类选择器

　　     所有class="btn"的内容字体颜色是绿色

           .btn{color:green;}

           <button class="btn">确认</button>

    （7）相邻同胞（兄弟）选择器

            h2元素中的背景颜色是绿色

            h1 + h2{
            　　background-color: green;
            }

            <h1>我没有设置id属性</h1>
     　　 <h2> 真的好高兴！</h2>

    （8）属性选择器

           所有设置了id属性的h1元素内的字体颜色是蓝色

           h1[id]{
           　　color: blue;
           }

           <h1 id=" qwe">我设置了id属性</h1>

     以上是非常常见的8种css选择器类型，若在HTML文档中使用CSS选择器，需在<style></style>元素中建立样式，其作用范围仅限于该网页；若另在一个CSS文档中使用CSS选择器建立样式，则需在HTML文档的<title></title>之上建立链接样式表的<link>标语：<link rel="stylesheet" type="text/css" href="css/**.css">，同时HTML中不能有<style></style>元素。