css字体样式

标签：兼容   lin   header   编码表   效果   取值   time   roman   对齐   

css字体样式

font-size ： 字体大小

font-size属性用于设置字号，该属性的值可以使用相对单位长度，也可以使用绝对单位长度。

font-family：字体

font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有的段落文本的字体变黑，可以使用css样式代码： p {font-family: "微软雅黑";}

1.现在网页中普遍使用14px+。
2.尽量使用偶数字号的字体.ie6等老数浏览器支持奇数号字体有bug
3.各种字体之间必须使用英文状态下的逗号隔开。
4.中文字体需要加英文状态下的符号，英文字体一般不需要加引号。当需要设置引英文字体时，英文字体名必须位于中英文字体名之间。
5.如果字体名中包含空格、#、$等符号时，则该字体必须加英文状态下的单引号或双引号，如`font-family："times new roman"`
6.尽量使用系统默认字体，保证在任何用户浏览器中都能正确显示

unicode字体

浏览器 兼容性好，去编码表中查看对用字体

font-weight：粗细

• bold：加粗
• normal：正常
• bolder：特粗体
• lighter：细体
• 400：相当于normal 正常
• 700：相当于bold 加粗

font-style：字体样式

• normal：正常
• italic：斜体
• oblique：倾斜的字体

字体连写

• 格式：选择器 {font：font-style font-weight font-size/line-height font-family；}
• font-size和font-family是必写项

字体的外观属性

color：文本颜色

color属性用于定义文本的颜色，其取值方式有3中：

• 预定义颜色值：如red、green、blue等
• 十六进制，如#FF0000、FF6600等
• RGB代码，如红色可以用rgb(255,0,0)

line-height:行间距

line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般为行高。常用的属性值单位有三种，分别为像素px，相对值em和百分比%，实际工作中使用最多的就是像素px

text-align：水平对齐方式

text-align属性用于设置文本内容的水平对齐，相当于html中align对齐属性

• left：左对齐
• right：右对齐
• center：居中对齐

text-indent： 段落首航缩进

text-indent：2em

• em：一个字的距离

text-decoration 文本的装饰

text-decoration 通常我们用于给链接修改装饰效果

css字体样式

标签：兼容   lin   header   编码表   效果   取值   time   roman   对齐   

原文地址：https://www.cnblogs.com/ivy-blogs/p/11886453.html