css 字体 · 2021 web前端工程师

[TOC] # font 字体-大小 ![](https://img.kancloud.cn/3d/d7/3dd776c4470899f9728a04bdb0a64ee5_979x898.png) ## 字体大小默认值 ![](https://img.kancloud.cn/be/b9/beb9d9574297fa19f5d7358df09dde12_421x52.png) # font-family 字体类型 ![](https://img.kancloud.cn/31/41/3141f4187547676d0a842b57a97a44bd_1142x763.png) ![](https://img.kancloud.cn/b5/cb/b5cb2e17396bbf53f081b66ddf480f23_1182x912.png) ## 字体类型使用--编码 ![](https://img.kancloud.cn/c6/ec/c6ec9b1da64fe97b509ed9df5c431fc7_1079x796.png) # font-weight ：字体粗细 ![](https://img.kancloud.cn/d7/32/d73241e969c96052fac884943fb7b550_990x485.png) # font-style 字体风格（样式） ![](https://img.kancloud.cn/69/b4/69b4b5596c923eda3995eeb465197723_890x637.png) # font 综合字体样式（使用） ![](https://img.kancloud.cn/e1/b2/e1b2fdb50a79749e12d6db76fa19108e_1159x900.png) # 文本颜色 ![](https://img.kancloud.cn/87/16/87164c12d7fa47f185fac70ae2c7b32d_1025x607.png) # text-align 文本对齐方式 ![](https://img.kancloud.cn/31/63/3163030efa1ed67843feebac1e0af6c0_1014x613.png) # line-height 行间距 ![](https://img.kancloud.cn/f9/07/f9076c51e5032ba6a08f3a9bbdde6557_1150x468.png) # text-inddent 首行缩进 ![](https://img.kancloud.cn/48/b0/48b081a30268f85bd623d32f03919d8b_1152x640.png) # text-decoration 文本的装饰（none无下划线 underline 下划线） ![](https://img.kancloud.cn/7a/30/7a30a6bd8f4cc168f5999232a0ed74c8_968x426.png) ![](https://img.kancloud.cn/be/e7/bee71fead118a8a8a7fadfe9e2b71bdf_540x263.png) # css 外观属性总结 ![](https://img.kancloud.cn/66/8e/668e2bad468c1c77a30ae4100e6d6220_1128x443.png) # 开发者工具 ![](https://img.kancloud.cn/a6/b5/a6b545411e9a2644e554c71687b58380_914x368.png) ## 妙招 ![](https://img.kancloud.cn/b4/f3/b4f3b7c9df4503d57779b45c36c43dba_604x342.png) # 快捷操作 ![](https://img.kancloud.cn/b5/7e/b57ecbe0e09c346bea160afbb0463ec4_1083x611.png)