常用的CSS样式

字体样式：

        font-style：字体风格

                  normal   默认值，标准文档样式

                  italic       斜体

        font-weight：字体粗细

                  100-900 定义由细到粗的字符

        font-size：字体大小

                  像素：px

        font-family：字体类型

                “隶书”，“楷体”，其他

        简写：font：字体属性     按照上面的顺序输入；至少输入两个属性值

文本样式：

        color：设置文本颜色

                red        #abc123    rgb(20,250,30)

        text-align：设置元素水平对齐方式

                left        center        right

        text-indent：设置首行文本的缩进

        line-height：设置文本的行高

        text-decoration：设置文本的装饰

                none默认，标准文本

                underline：定义文本下划线

                overline：定义文本上划线

                line-through：定义穿过文本的一条线

鼠标样式：

        cursor：

                default-默认光标；pointer-超链接指针；wait-等待状态；crosshair-鼠标呈现十字状；text-指示文档；help-指示可用的帮助。

背景样式：

background-color	背景颜色
background-image	背景图片	url（图片路径）
background-repeat	背景重复方式	no-repeat
background-position	背景定位	像素 left/right/center top/bottom/center

简写：background：图片地址，图片重复方式，背景颜色，背景定位

列表样式：

        list-style-type

        list-style-image

        list-style-position

        list-style
                    列表标记属性
                    自定义列表标记图片
                    列表标记定位

css伪类：

        link 单机访问前
        visited 单机访问后
        hover 鼠标悬浮其上
        active 单击未释放

盒子模型：

        border-style         四个边框的边框线

                none 无边框；solid 实线边框；dashed 虚线边框；dotted 点状边框；hidden与none相同，应用于解决边框冲突。

        border-color     四个边框的颜色

        border-width       四个边框的粗细

        border  同时设置四个边框的粗细、颜色、样式

        margin        外边距

        padding        内边距

        box-sizing         与padding组合使用
            content-box  盒子的实际宽度和高度仅应用于元素内容，不包括内边距和边框；
            border-box  盒子的实际高度和宽度包括元素内容、边框和内边距；

标准文本流：

        display

                none  设置元素不会被显示;inline 元素显示为内联（行内）元素;block 元素会被显示为块级元素; inline-block 行内块元素

浮动流：

        float   浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

                left  左浮动；right  右浮动；

        clear 属性规定了在元素的哪一侧不允许有浮动

                left 在左侧不允许浮动元素；right 在右侧不允许浮动元素；both 在左、右两侧不允许浮动元素。

定位流：

        position

                relative 相对定位；使用了相对定位的元素【不会】 脱离标准文档流；基于 自身原来在网页中的位置 进行偏移；所有定位元素都基于 top、left、right、bottom四个方位进行偏移

                absolute 绝对定位；使用了绝对定位的元素【会】 脱离标准文档流；使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素” 为基准进行偏移。如果没有已经定位的祖先元素，那么会以浏览器窗口为基准进行定位；所有定位元素都基于 top、left、right、bottom四个方位进行偏移

                fixed 固定定位；使用了固定定位的元素【会】 脱离标准文档流；基于 浏览器窗口 进行偏移； 所有定位元素都基于 top、left、right、bottom四个方位进行偏移

                 一般情况下，relative与absolute组合使用

        z-index  调整元素定位时重叠层的上下位置；z-index属性值：整数，默认为 0；设置了positon属性时，z-index属性可以设置各元素之间的重叠高低关系；z-index值大的层位于其值小的层上方

css伪元素；animate动画；

overflow：auto 自适应，如果内容被修剪，则浏览器会显示滚动条来查看超出内容

                 hidden 内容会被修剪，并且超出的内容是不可见的

transition 动画效果；transform: scale(1.2);放大1.2倍