一、color属性

1.1color属性的作用

用来设置文字的颜色。

1.2颜色的表示法：

关键词表示：关键词就是颜色名，其实就是使用颜色的英文单词进行表示。例如red（红色），green（绿色），blue（蓝色）。
RGB表示法：RGB是光的三原色，分别是red（红色），green（绿色），blue（蓝色）三个颜色单词的开头首字母缩写合起来的。每个原色的取值范围是0-255，一共256个数值。三个原色共能混合成1677多万种颜色。书写方法：rgb(红,绿,蓝) 。常用颜色的 rgb 色值：红色rgb(255,0,0) 绿色rgb(0,255,0) 蓝色rgb(0,0,255) 黑色rgb(0,0,0) 白色rgb(255,255,255) 灰色rgb(128,128,128)。
RGBA表示法：3组0~255的数字，外加一个透明度，透明度的取值为0~1,取值为0代表全透明，0.5表示半透明，1表示全不透明。
十六进制表示法：是 rgb 模式的一种简化写法，使用十六进制的数字字符去替换十进制的 0--255 的数字。逢十六进一，每个数位上只能出现 0-9，a-f 之间的字符。书写为颜色值时，红、绿、蓝每个色值都要使用两位数的十六进制进行替换。例如 0→00，255→ff。书写方式：使用 # 开头，后面连续书写红、绿、蓝三个颜色的十六进制的两位数值。常用颜色的十六进制色值：红色#ff0000 绿色#00ff00 蓝色#0000ff 黑色#000000 白色#ffffff 灰色#808080。
十六进制颜色值简写模式：如果红、绿、蓝三个原色的色值每一个都是由重叠的数字组成，可以将重叠的数字简化成一个进行书写。例如，红色#f00 绿色#0f0 蓝色#00f 但是类似 #808080这样的是不能进行简化的。
透明色关键字表示法：transparent（改单词是完全透明，即看不到该元素）

虽然我们在浏览器用户看不到该元素，但是它是占据空间的，只是被完全透明看不到了而已。所以我们通过审查元素可以看到，其实该元素还存在。如下图：

7.HSL色彩模式表示法：HSL色彩模式是工业界的一种颜色标准，HSL分别为色调，饱和度，亮度。二、font-family属性

2.1font-family属性的作用

定义元素内文字的字体。该属性值可以有多个，值之间用逗号分隔。

2.2font-family属性的常用字体

常用的中文字体： 宋体它的英文写法也可以：SimSun 微软雅黑英文写法：Microsoft Yahei

常用的英文字体： Arial consolas 如果不设置字体属性，不同的浏览器有自己的默认字体。

2.3font-family属性的注意事项：

1 、font-family 可以设置多个字体名称，在实际加载时只会选择一种加载，选择的依据是按书写顺序进行，如果浏览器不支持第一个字体，则会尝试下一个，直到找到第一个支持的字体。

2、浏览器中加载的字体是用户机器中自带的，如果用户的电脑中没有设置的字体则加载失败，需要查找下一个，因此，必须在最后设置一个所有机器都具备的通用字体作为后路。

3、中文字体中一般带有英文可以加载的字体效果，为了避免对英文字的字体影响，建议将英文字体写在属性值最前面。

在企业实际应用中：首选字体需要根据UI设计图确定，最后需要设置备用字体。

如下方式推荐使用：英文放最前，其次备用的微软雅黑，然后宋体。

 <style>p {font-family: 'Arial','微软雅黑','宋体';}</style>

三、font-size属性

3.1font-size属性的作用

用来设置文字的大小。取值可以使用相对长度单位，也可以使用绝对长度单位。推荐使用相对长度单位。

3.2font-size属性的单位表

3.3font-size属性的注意事项

1 、如果 HTML 中不设置字号，不同的浏览器有自己默认的加载字号，比如 chrome、IE，默认显示字号为 16px。

2、不同的浏览器也有自己最小加载显示字号，如果设置的字号低于最小字号，都以最小字号加载，0除外。chrome 浏览器最小加载显示字号为8px，IE 浏览器最小可以支持1px的字号。

3.4font-size属性的实际应用

网页中最小设置字号必须是12px，如果低于12px会出现兼容问题。现在网页中普遍使用14px+。尽量使用12px、14px、16px等偶数的数字字号，ie6 等老式浏览器支持奇数会有 bug。注：实际工作中的字号，需要以设计图为准。

四、盒子实体化三属性

如果想在浏览器中具体看到一个盒子占有的实际位置，需要设置盒子可以实体化的三属性。

示例：

（6）css常用样式属性--文字样式相关推荐

HTML/CSS常用标签属性及样式
1.常用布局样式: 参数描述 width 宽度 height 高度 background 背景颜色 border 边框 padding 内边距 margin 外边距 float 浮动 clear 清 ...
css样式lighter的意思,css常用的属性
CSS------属性值篇 display: none | block | inline(默认值) | inline-block(css2新增) | inherit none :此元素不会再显示 {注 ...
css常用的属性(边框三角形，文本省略号)
文章目录边框列表背景文本显示省略号边框边框相关属性 border-width 边框宽度属性值:length(数值+单位)例如 width:10px border-style 边框样式 ...
python全栈开发第二天（CSS简介，CSS常用的属性）
第二天 CSS简介什么是css css三种引入方式 css选择器引入方式的css优先级三种基本选择器的优先级关系选择器 css常用的属性 css颜色的表示方法背景属性字体属性边框属性内 ...
css常用样式（文字样式、边框样式、背景样式）
CSS常用样式 CSS常用文字样式 color: brown; /*文字颜色*/ /*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数, 一般情 ...
CSS书写优美的文字样式（透明、模糊、镂空、渐变、图片背景文字）
前言做页面涉及字体的时候,最多就是换个color换个font-family,总是觉得不够华丽美艳,这时就需要我们自己动手丰衣足食的去"创造"一些css样式字体呢? 透明文字用r ...
CAD关于文字样式添加文字样式操作（com接口c#语言）
下面代码,得到当前数据库中的文字样式表,然后向样式表中添加一个文字样表记录 C#代码: private void AddTextStyle(String sNewTextStyleName){MxDr ...
CSS常用背景属性（背景颜色、背景图片、背景平铺、背景位置、背景附着、背景色半透明、背景属性复合写法）
本博文记录CSS中比较常用的背景属性,包括背景颜色:background-color.背景图片:background-image.背景平铺:background-repeat.背景位置:backgro ...
CAD关于文字样式删除文字样式(com接口网页版）
在删除文字样式前,最好判断图上有没有文字对象正在使用该文字样式,如果有的话就不要删除文字样式 JS代码如下: function DelText() {var winWidth = 440;var wi ...

（6）css常用样式属性--文字样式