213、CSS-基础语法

CSS的基本语法
一、格式
    选择器{
        属性名1：属性值1；
        属性名2：属性值2；
        ...
    }
    说明：每一对属性需要冒号隔开，最后一对可以不加冒号；
二、选择器：筛选具有相同特征的元素
    * 分类
        1.基础选择器
            (1) id选择器：选择id属性相同的元素，建议在一个html中，有id属性的标签id值不要重复
                * 语法：#id属性值{}
            (2) 元素（标签）选择器:选择具有相同标签名称的元素
                * 语法:标签名称{}
            (3)类选择器：选择具有相同的class属性值的元素

                * 语法：.类名{}
            * 注意：

               1、优选级：id选择器 > 类选择器 > 元素选择器

               2、目前测试不能作为选择器标签有：lable
        2.扩展选择器
            (1) 选择所有元素：
                * 语法： *{}
            (2) 并集选择器：
                * 语法：选择器1,选择器2{}
            (3) 子选择器：筛序选择器1元素下的选择器2元素
                * 语法：选择器1 选择器2{}
            (4) 父选择器：筛选选择器2的父元素选择器
                * 语法：选择器1 > 选择器2
            (5) 属性选择器：选择某类元素的某个属性为某个值的元素
                * 语法：元素名称[属性名称="属性值"]{}
            (6) 伪类选择器：选择一些元素具有的状态
                *语法：元素名称：状态{}
                * 如超链接标签<a>,它有如下状态：
                    * link:初始化状态
                    * visited:被访问状态
                    * active:正在访问状态
                    * hover:鼠标悬浮状态

<style>
        a:link{
            color: green;
        }
        a:visited{
            color: blue;
        }
        a:active{
            color: red;
        }
        a:hover{
            color: black;
        }
    </style>