一.与字有关的一些样式
    1.字号大小
    书写方式：font-size:（px，%，em）；
    作用：调节字号大小
    注：1em = 其父级标签文字的大小像素值

    1. 2.字体加粗或去加粗


    书写方式：font-weight:normal; 正常字体（去加粗）

    font-weight:bold; 加粗字体
    作用：控制字体粗细


    3.字体颜色
    书写方式 ：color:单词；
    rgb(0~255,0~255,0~255)；
    #XXX)
    作用：改变字的颜色

    注：rgb中r表示red，g表示green，b表示blue。

    4.首行缩进


    书写方式：text-indent:2em;

    注：用于首字符缩进，1em=一字符，em可以为负值，em为负时实现隐藏文本的作用。

    5.行高


    书写方式：line-height:1.6em;
    注：1.6em为阅读最舒适的行高。


    6.文字与文字之间的间距
    书写方式：letter-spacing: px、em;
    作用：调节字与字之间的距离


    7.单词与单词之间的间距
    书写方式：word-spacing: px、em;
    作用：调节每个字母的间距


    8.文本样式线
    书写方式： text-decoration:none； 无线
    text-decoration:underline； 下划线
    text-decoration:overline； 上划线
    text-decoration:line-through； 删除线
    三条线可以同时设定
    text-decoration:underline overline line-through;


    9.斜体
    书写方式：font-style:noraml； 不斜体
    font-style:italic； 斜体


    10.英文大小写
    书写方式： text-transform: capitalize; 单词首字母大写
    text-transform: lowercase; 单词字母小写
    text-transform: uppercase; 单词字母大写


    11.设置文本如何显示
    书写方式：white-space : nowrap； 强制不换行
    white-space : pre； 按照代码格式输出
    text-overflow:ellipsis; 将溢出内容用…的方式显示


    如果想让内容以…方式显示需要四条声明：
    1.固定宽度
    2.强制不换行 white-space:nowrap;
    3.移出内容隐藏 overflow:hidden;
    4.以…显示 text-overflow:ellipsis;


    12.文字继承性
    a链接不继承颜色


    13.文字溢出
    书写方式：overflow: scroll; 用滚动条显示溢出部分
    overflow: hidden; 隐藏溢出部分
    overflow-y: scroll; 只显示纵向滚动条


    14. 文字阴影效果
    text-shadow:水平方向移动 垂直方向移动 阴影厚度 阴影颜色;


    15. 盒子阴影效果
    box-shadow:水平方向移动 垂直方向移动 阴影厚度 阴影颜色 inset内部;

    16.文字在块级标签的位置
    书写方式：text-align：center； 居中
    text-align：left； 居左
    text-align：right； 居右
    17.文字两端对齐
    书写方式：text-align：justify； 文本两端对齐

    二.文本位置
    1.水平方向
    1)块级标签里的文本类标签居中方式：text-align: center;
    2)块级标签居中：width：px；
    margin：0 auto；

    2.垂直方向<br /> 1）文本垂直方向居中<br />height：px；<br />line-height：px；     px值相等<br /> 2）特殊情况<br />        vertical-align:middle;(top,middle,bottom)<br />  注：只能用在table表格的td上、图片两边文字身上

    三.背景相关
    1.背景颜色：选择器{background-color：颜色；}
    2.背景图片：选择器{background-image;url(路径)；}
    3.背景的位置：选择器{background-opsition:px px；}
    4.背景是否平铺
    全平铺：选择器{background-repeat：repeat；}
    y平铺：选择器{background-repeat：repeat-y；}
    x平铺：选择器{background-repeat：repeat-x；}
    不平铺：选择器{background-repeat：no-repeat；}
    5.背景滚动方向
    随滑动条滚动：选择器{background-attachment：scroll；}
    固定：选择器{background-attachment：fixed；}
    6.渐变色
    镜像渐变：选择器{background：radial-gradient（at）；}
    线性渐变：选择器{background：linear-gradient（to）；}
    7.透明度
    选择器{opacity：0~1；} 0完全透明，1不透明