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(强调)