CSS基础

##CSS：页面美化和布局控制
         1.概念 ：Cascading Style Sheets 层叠样式表
                *多个样式表可以作用在同一个html的元素上，同时生效
         2.好处：
                1.功能强大
                2.将内容展示和样式控制分离
                        降低耦合度
                        让分工协作跟容易
                        提高开发效率

         3.CSS的使用：CSS与html结合
                       1.内联样式
                         *在标签内使用style属性指定css代码
                        <div style="color:darkmagenta"> hello css</div>
                       2.内部样式
*在head标签内 定义style标签，style标签的标签体内容就是css代码
<style>
        div{
            color: darkmagenta;
        }
    </style>
                       3.外部样式
                  *定义css资源文件
          *2在head标签内 定义link标签
                   <link rel="stylesheet" href="../css/a.css">

    
     4.css基本语法

                 格式：
               选择器{
             属性名1：属性值1；
                       属性名2：属性值2；

            }
         选择器：选择具有相似特征的元素
                  注意： 每一对属性需要使用 ；隔开，最后一对属性可以不加；

         5.选择器：选择具有相似特征的元素
                *分类：
                     1.id选择器:选择具体的id属性值的元素
            #id属性值{}
              2.元素选择器:选择具有相同标签名称的的元素
              标签名称{}
              注：id选择器优先级高于元素选择器
                          3.类选择器:选择具有class属性值的元素
                          .class属性值{}
                          注意：类选择器优先级高于元素选择器

                     2.扩展选择器:
                               1.选择所有元素：
                                      语法：*{}
                 2.并集选择器：
                                          *选择器1，选择器2{}
                 3.子选择器：筛选选择器1元素下的选择器2
                                            语法 选择器1 选择器2{}
                 4.父选择器：筛选选择器2的父元素选择器1
                                      *语法 选择器1>选择器2{}
                 5 属性选择器：选择元素名称，属性名=属性值的元素
                                     语法：元素名称[属性名=“属性值”]{}
                 6。伪类选择器：选择一些元素具有的状态
                                     语法： 元素：状态{}
                         状态：
                                                        link:初始化状态
                                                        visited:被访问的状态
                                                        active:正在被访问的状态
                                                        hover:鼠标悬浮状态