05、css控制文本与字体

1、css控制文本

1）text-decoration 修饰文本  
    none 默认 啥都没有
    underline 下划线 a标签默认
    overline 文本上面
    line-through 文本中间插一条横线
    blink 让文本闪烁
2）text-indent:首行缩进 单位：px  em  mm cm  %（相对于其父元素的宽度）
3）text-align:文本的对齐方式
    left 左对齐 默认
    rigth 右对齐
    center 居中
    justify 两端对齐 
4）word-spacing:单词间距 + - px 
5）letter-spacing:字间距 + - px
6）text-transform: capitalize 文本中每个单词首字母大写
    uppercase 大写
    lowercase 小写
    none 默认

备注： word-wrap 属性（css3），是否允许长单词换行到下一行，

              normal只在允许的断字点换行（浏览器保持默认处理）。
              break-word 在长单词或 URL 地址内部进行换行。

2、css控制字体

1） color：字体颜色 三种 
    第一种：red blue green  一般只用做测试
    第二种：rgb();不常用
    rgba()  css3 背景透明
    第三种：十六进制 #ffffff=#fff #000000=#000  #ffaa00 =#fa0 常用
2）font-family:"微软雅黑",Aril 
    （中文支持微软雅黑，而英文不支持，因此有英文的时候需要通过一个逗号增加一个字体。例如：font-family:"微软雅黑",Aril ），
也可直接将文本保存为UTF-8文本解决文本样式兼容问题，防止乱码（最常用）
或在文本最前面加上@charest UTF-8
3）font-weight:字体加粗 100 200 300 400 500 600 700 800 900
    normal 默认值=500
    bold 加粗=700
    bolder 更粗(相对父元素)
    lighter 更细(相对父元素)
4）font-size: 文字的大小  偶数 14px 2em %基于父元素的字体的尺寸
    smaller:设置为比父元素更小一级 2px
    largter :设置为比父元素更大一级 2px
5）font-style: normal 默认值 正常值 
    italic 文本字体倾斜 对文字、单词的正常结构有一定的倾斜改变
    oblique 文本倾斜显示 仅仅是让文本正常的情况变倾斜而已
6）line-height:行高；px %  元素必须得有高度
    %基于当前字体的大小尺寸
    font和background一样 
7）font:设置的顺序 （使用时尽量分开写，避免出错）
    font-style
    font-variant:small-caps 显示小型大写字母
    font-weight
    font-size/line-height 常用
    font-family
i 字体斜体（行内元素） em(强调seo) i(经常不用来做字体的倾斜 常用来做小图标)
b 字体加粗（行内元素） strong(强调)