CSS

CSS：Cascading Style Sheets层叠样式表
层叠：多个样式作用于同一个html元素上，同时生效
优点：
1.功能强大
2.将内容展示与样式分离，降低耦合
使用：
1.内联样式：
在标签内使用style属性指定case
2.内部样式：
在head标签内，定义style标签，style标签的标签体内容就是css代码
3.外部样式：
定义css资源文件
在head标签内，定义link标签，引用外部资源文件a.css文件： div{ color:green; } <link rel="stylesheet" href="css/a.css"> <div>hello css</div>

CSS语法：
    选择器{
        属性名:属性值1;
        属性名:属性值2;
        }
     选择器：筛选具有相似特征的元素
        基本选择器
        1.id选择器：具体id属性值元素,一个html文件，id属性值唯一
        2.元素选择器：具有相同标签名称的元素，id选择器优先级高于元素选择器
        3.类选择器：选择具有相同class属性的元素。.class属性值{}

        扩展选择器
        1.*：选择所有元素
        2.并集选择器
            选择器1，选择器2{}
        3.子选择器（筛选选择器1下的选择器2元素)
        4.父选择器（筛选选择器2的父选择器1）
            选择器1>选择器2{}

        5.属性选择器：选择元素名称，属性名=属性值元素
            元素名称[属性名="属性值"]{}
        6.伪类选择器：选择一些元素具有的状态
            元素:状态{}
                <a>
                    link:初始化状态
                    visited:被访问状态
                    active:正在访问
                    hover:鼠标悬浮...

        CSS属性:
            1.字体，文本
                font-size:字体大小
                color:文本颜色
                text-align:对齐方式
                line-height:行高
            2.背景
                background;
            3.边框
                border;
            4.尺寸
                width
                height

           盒子模型;控制边距
            margin:外边距
            padding:内边距(内边距会影响整个盒子的大小)
                box-sizing:border-box 设置盒子的属性，让width和height就是最终盒子的大小

            float:浮动
                left
                right
 */