css常见属性

1.颜色属性

    1.1 color属性定义文本的颜色

    1.2 color:green

    1.3 color:#ff6600 可简写为#f60

    1.4 color:rgb(255,255,255)

    1.5 color:rgba(255,255,255,1) a表示alpha色彩空间的透明度取值0~1 1表示完全不透明

2.字体属性

    2.1 font-size 字体大小

        2.1.1 px:设置一个固定的值

        2.1.2 %：父元素的百分比

        2.1.3 smaller:比父元素更小

        2.1.4 larger:比父元素更大

        2.1.5 inherit:继承父元素

    2.2 font-family 定义字体

        font-family:"微软雅黑",serif;

        使用逗号隔开，以确保当字体不存在时，直接使用下一个

    2.3 font-weight 字体加粗

        normal，bold，bolder，lighter

        400=normal，700=bold

        范围：100-900

    2.4 font-style 字体样式

        normal, italic(斜体),oblique(倾斜),inherit

    2.5 font-variant小型大写字母显示文本

        normal,small-caps,inherit

3.背景属性

    3.1 背景颜色 background-color

    3.2 背景图片 background-image

        background-image:url(图片路径)

        background-image:none

    3.3 背景重复background-repeat

        repeat, repeat-x, repeat-y, no-repeat

    3.4 背景位置background-position

        纵向：top center bottom

        横向：left, center, right

    3.5 简写方式

        background:背景颜色，url（图像），重复，位置

        background:#f60 url(images/bg.jpg) no-repeat eop center

4.文本属性

    4.1 text-align 横向排列

        left center right

    4.2 line-height 文本行高

        %基于字体大小的百分比行高

        数值来设置固定值

    4.3 text-indent首行缩进

        %父元素的百分比

        px固定值默认是0

        inherit继承

    4.4 letter-spacing字符间距

        normal 默认

        length设置具体的数值

        inherit继承

    4.5 word-spacing单词间距

        normal标准间距

        px固定值

        inherit继承

    4.6 direction文本方向

        ltr从左到右，默认值

        rtl从右到左

        inherit继承

    4.7 text-transform 文本大小写

        capitalize 单词首字母大写

        uppercase 全部大写

        lowercase 全部小写

        inherit 规定从父元素继承text-transform 属性的值

5、边框属性

    5.1 边框风格border-style

        border-style 统一风格

        单独定义某一方向的边框样式

            border-bottom-style

            border-top-style

            border-left-style

            border-right-style

        边框风格样式的属性值

            none无边框

            solid直线边框

            dashed虚线边框

            dotted点状边框

            double双线边框

            groove凸槽边框

            ridge垄状边框

            inset inset边框

            outset outset边框

            inherit继承

    5.2 边框宽度

    5.3 边框颜色

6、列表属性

    6.1 标记的类型 list-style-type如空心圆、实心方块等

    6.2 标记的位置 list-style-position 文本以内或者文本以外

    6.3 设置图像列表标记 list-style-image

    6.4 简写方式 list-style

            list-style:square url('/i/arrow.jpg')