CSS 概述、语法

一、html 属性所带来的问题：
　　1、相同的效果，不同的标签会通过不同的属性来表示
　　2、使用属性很不通用，一对一的修改，而不是整体修改
二、使用CSS来解决上述问题：
　　1、什么是CSS：
　　　　CSS：Cascading Style Sheet，层叠样式表，级联样式表，样式表
　　2、作用：
　　　　实现内容和表现分离
　　　　提高代码的可重用性和可维护性
　　3、HTML属性 & CSS样式：
　　　　能有CSS的话，一定使用CSS来实现样式
　　　　如果CSS实现不出来效果，则选择使用html属性
三、使用CSS样式表：
　　1、使用CSS的方式：
　　　　（1）内联方式(行内样式)：
　　　　　　将css样式定义在某个单独的标签中
　　　　　　

　　　　　　id的作用：
　　　　　　　　定义元素在页面中的唯一标识
　　　　　　　　引用样式表中的id样式
　　　　（6）群组选择器：
　　　　　　选择器声明是以“，”隔开的选择器列表
　　　　　　作用：定义一组元素的样式
　　　　　　如：h3,p,.new,#test,div.newDiv,p.test{}
　　　　（7）后代选择器：
　　　　　　根据元素的嵌套关系来定义的样式
　　　　　　根据一个元素去定位它里面的其他元素
　　　　　　语法：
　　　　　　　　selector1 selector2{}
　　　　　　　　selector1 selector2：是之前学习过的任何一种选择器
　　　　　　如：

<div>
    <div>
        <p>
            <span>span>
        p>
    div>
    <span>span>
div>

　　　　（8）子代选择器：
　　　　　　要求选择器之间只能存在父子关系
　　　　　　语法：
　　　　　　　　selector1>selector2
　　　　　　如：#test>.news{
　　　　　　　　修改 id为test里面的 class为news的元素(下一级)
　　　　　　　　}
　　　　　　后代选择器和子代选择器目的是为了精确匹配范围
　　　　（9）伪类选择器：
　　　　　　匹配元素不同状态时候的选择器
　　　　　　语法：
　　　　　　　　selector1：伪类选择器
　　　　　　伪类选择器分类：
　　　　　　　　a、链接伪类：
　　　　　　　　　　:link：适用于尚未访问的链接(使用较少)
　　　　　　　　　　:visited：适用于访问过的超链接(使用较少)
　　　　　　　　b、动态伪类：
　　　　　　　　　　:hover：适用于鼠标悬停在元素上面时候的状态
　　　　　　　　　　:active：元素被激活的一瞬间的状态
　　　　　　　　　　:focus：适用于元素获取焦点时的状态(input(text，password))
　　　　　　　　c、目标伪类：
　　　　　　　　　　如：锚点被激活
　　　　　　　　d、元素状态伪类
　　　　　　　　e、结构伪类
　　　　　　　　f、否定伪类
　　8、选择器优先级：

（相等的话，后定义的为准；
子代选择器或后代选择器以先定义为准）