开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第7天，点击查看活动详情
给一个html文件的文本添加css属性可以修改文本的字体样式、字体大小、文本颜色、文本背景色等，本文主要分享如何用css为文本添加样式。
修改字体及其大小
- 字体属性：
font-family字体名称中有空格时需要对字体名加双引号。可以设置多个字体，多个字体间用逗号隔开，当第一个字体浏览器识别不到时会自动识别后续字体，直到找到能识别到的字体。浏览器中的默认字体是微软雅黑。 - 字体大小属性：
font-size，需要设置属性值为整数值需要带单位px。浏览器默认字体大小为16px，设计图中常用字体大小为12px。
修改文本颜色
设置文本颜色的属性是color，其属性值有三种方法：直接书写颜色的英文单词、rgb写法以及16进制写法。
rgb写法
rgb写法的三个字母分别代表red,green,blue；展示出的颜色是有这三个颜色的构成的，这三个颜色的值都可以取0~255之间的整数（各256个取值），数值越大对应的颜色越强。该声明书写格式如下： color:rgb(0,0,0)，三个数字就代表red,green,blue三个颜色的强度都为0，最终展示的是黑色。
rgba写法
rgb写法还可以再增加一个控制条件调整颜色的透明度，可以写作rgba(0,0,0,0), 其中a取值范围为0~1，数字越小表示透明度越高，例如下图：对第一段文字设置了rgba(0,0,0,0.2)，第二段文字设置了rgb(0,0,0)，两行文字的基础颜色都是黑色，但是第一段文字的透明度较高
16进制写法：
声明书写为color:#14c145，每一位可以有0-9和A-F共十六种写法，共八位，每两位代表一个颜色，分别对应red,green,blue。在使用Photoshop制作网页样式的时候，使用吸管工具吸取颜色，通常会使用16进制的颜色写法对网页中各个部分的颜色进行设置。
