css

基础

        全称
cascading style  sheet
    什么是css
层叠样式表
    来源
我们可以对同一个标签多种修饰
    作用

让网页绚丽好看

种类
行内样式表
位置：标签内部style属性里面
内部样式表
位置：网页内部style标签里面
外部样式表
位置：单独写在一个css文件里面 优先使用
样式表的优先级
行内大于内部大于外部
样式表的语法

选择器加样式集

选择器
选择标签对象的一种方式
分类
id
                class
                标签
                伪类
                属性
                派生
                全局
        派生
子类
                        后代
                        并集
                        交集
                        兄弟
优先级
id>class==伪类==属性>tag>全局
六个伪类选择器

before前，after后，link链接， visited访问后，active访问时，hover鼠标方上去时

行内样式表
位置：标签内部style属性里面
内部样式表
位置：网页内部style标签里面
外部样式表
位置：单独写在一个css文件里面 优先使用
样式表的优先级
行内大于内部大于外部
样式表的语法
选择器加样式集
样式属性
字体样式
字体大小 font-size,字体粗细font-weight
                字体风格font-style
                 字体类型font-family
文本样式
color颜色，align对齐方式，line-height行高，shadow阴影效果
背景样式

background-color背景颜色，background-position背景定位，

                background-repeat背景重复，    background-  fixd  背景固定，

                sorcll滚动，background-image背景图片

        尺寸样式
        盒子模型 margin+border+padding+内容
        border边框
        margin外边距
        padding内边距
        浮动样式
        left左浮动
        right右浮动
        none无
        定位样式position
        static静态 没有参照物 没有脱离文档流
        absolute绝对定位  最近被定位的父元素  有脱离文档流
        relative相对 自己 没有脱离文档流
        fixed 固定 window 有脱离文档流
        溢出样式overflow
        visible可见
        hidden隐藏
        scroll滚动条
        auto自动
        显示样式display
        black块状
        inline内联
        none无
        black-inline块状-内联
        清除样式clear
        both
        left
        right
        none
        可见度样式visibility
        visible可见
        隐藏hidd
        css3
        渐变
        是多种颜色之间的平滑过渡
        变换transform
        translate平移
        rotate旋转
        scale缩放
        skew扭曲
        过渡transition
        property过渡属性
        duration过渡时间
        delay延迟时间

        动画animation