HTML5的字体样式设置⽅法（⼀）
字体类型：
标签{属性名font-family：值;}
可以设置⽂字的字体风格。
字体类型可以⽤引号包起来，也可以不写。
后⾯会有好⼏个⽤逗号分隔开的，意思是逐个应⽤，哪个浏览器⽀持就应⽤哪个，浏览器⼀看第⼀个我不认识啊，就认第⼆个，还不认识就第三个。
字体⼤⼩：
标签名{属性font-size：12px;}
我把div包裹的内容的⽂字⼤⼩设置为12像素了
2em的意思是字体⼤⼩设置为2倍的上级元素的⼤⼩
在适配机型让各种⼿机屏幕兼容显⽰⼤⼩时更多使⽤的时候是rem。rem是根据根元素html的⼤⼩来的
body的默认字体⼤⼩是16
字体粗细：
fontweight属性bold点类名或标签{font-weight：bold（粗体）选bolder的话浏览器现在并不会更粗但是会告诉浏览器我是更粗的字体，在语义化上。span表⽰强调在浏览器上利于⽹络搜索，可以⽅便浏览器更快的抓取页⾯；normal表⽰不加粗也不变细，lighter变细 。400是正常700是粗体在显⽰上300是细以下是语义，7
00是粗以上是语义。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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。