1.文本属性

div{
        font-family:'Microsoft Yahei'; /*字体*/
        font-style:normal/italic;/*字体样式*/
        font-weight:bold/lighter/100~900;/*字体粗细*/
        font-size:10px/10%; /*字体大小*/
        color:颜色名如red/颜色值如#FFFFFF /*字体颜色*/
        opacity:0~1;/*字体透明度0全透明，1不透明*/
        line-height:10px;/*文本高度*/
        text-align:left/center/right; /*文本对齐方式*/
        letter-spacing:10px;/*文本字与字之间的间距*/
        text-decoration:underline/line-through/overline/none;/*文本修饰属性*/
        overflow:auto/scroll/hidden;/*文本超出范围显示方式，自动显示滚动条/始终显示滚动条/超出文本隐藏*/
        text-overflow:clip/ellipsis;/*多余文字显示方式，裁剪/使用...代替*/
        white-space:normal/nowrap/pre;/*元素内空白符，忽略/行末不断行/保留*/
        text-shadow:5px 6px 6px blue;/*文本阴影 水平/垂直/模糊距离/颜色*/
        text-indent:10px;/*首行缩进*/
        -webkit-text-stroke:2px yellow;/*文字描边*/
        font:italic bold 75%/1.8 'Microsoft Yahei';(font:font-style font-weight font-size/line-height font-family)
    }

2.背景属性

div{
        background-color:red;/*背景颜色*/
        background-image:url(../image/share.jpg);/*背景图像*/
        background-repeat:no-repeat/repeat/repeat-x/repeat-y;/*背景图是否平铺，不平埔/平铺/水平平铺/垂直平铺*/
        background-size:200px/contain/cover;/*背景图大小，指定宽度和高度/等比缩放（不会完全覆盖）/等比缩放（完全覆                                              盖）*/
        background-position:left/right/top/bottom/center/50px -50px;/*背景图的起始位置*/
        background-origin:border-box/padding-box/content-box;/*背景图定位方式 边框外缘/内缘/文字内容区*/
        background-clip:border-box/padding-box/content-box;/*裁切背景和背景色显示区域*/
        background-attachment:scroll/fixed;/*背景图是否固定*/
        background:red url(../image/share.jpg) no-repeat fixed 50px -50px;/*背景简写，color image repeat attachment position */
    }