HTML5的字体样式设置方法（一）

字体类型：

标签{属性名font-family：值;}

可以设置文字的字体风格。

字体类型可以用引号包起来，也可以不写。

后面会有好几个用逗号分隔开的，意思是逐个应用，哪个浏览器支持就应用哪个，浏览器一看第一个我不认识啊，就认第二个，还不认识就第三个。

字体大小：

标签名{属性font-size：12px;}

我把div包裹的内容的文字大小设置为12像素了

2em的意思是字体大小设置为2倍的上级元素的大小

在适配机型让各种手机屏幕兼容显示大小时更多使用的时候是rem。rem是根据根元素html的大小来的

body的默认字体大小是16

字体粗细：

点类名或标签{font-weight：bold（粗体）选bolder的话浏览器现在并不会更粗但是会告诉浏览器我是更粗的字体，在语义化上。span表示强调在浏览器上利于网络搜索，可以方便浏览器更快的抓取页面；normal表示不加粗也不变细，lighter变细 。400是正常700是粗体 在显示上300是细以下是语义，700是粗以上是语义。400到600看上去还是有点点区别

字体风格：

点类名或标签{font-style：italic/oblique 都表示斜体；normal摆正}

一般我们设置字体顺序如下

font-style

font-weight（前面两个顺序可以颠倒）

font-size

font-family（放最后）

——————————————————————————————————————————————————————————————————————————————————————

文本样式

color的两种写法

十六进制写法： 2位表示红色含量2位表示绿色含量2位表示蓝色含量，举个栗子：#1ECA5F

rgb（r，g，b）正整数取值0~255 RGBA在rgb的基础上怎讲alpha透明度参数值为0~1 比如说background：ragb（45，48，51，.8)

排版

标签或点类名{text-align：文本对齐：默认left 左对齐。right右，center；居中（还有前两个可以对图片生效的说）。justify；两端对齐（对图片生效的效果很非常特别不明显） 加p标签上下会加点间距但是排版不会更改

首行缩进

text-indent：px就是像素em是根据上一级元素来的 ，假如上一级是body，默认16px，2em就是缩进了两个字符36px

-----------------------------------------------------------------------------------------------------------

line-height：行高，值越大，行的间距就越大 有normal。

行高设置的一般比字体大一点，行高和高度设置的一样时，叫做垂直居中

height=line-height