css字体相关样式

css字体相关样式

---

font-family：字体

font-family属性用于设置字体。网页中常用的字体有宋体，微软雅黑，黑体等
p{font-family:“微软雅黑”;}
可以同时指定对各字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，就会尝试下一个，直到找到合适的字体
 
常用技巧：

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

 
注意：
font-family:{"\5B8B\4F53"}
这里的\5B8B|$4F53其实时Unicode编码方式，用起来有更好的兼容性

---

font-weight:字体粗细

字体加粗除了用b和strong标签之外，可以使用CSS来实现，但是CSS是没有语义的。
 
font-weight属性用定义字体的粗细，其可用的属性值：normal、bold、bolder、lighter、100~900（100的整数倍）
 
小技巧：

数字400等价于normal，而700等价于bold，但是我们更喜欢用数字来表示
需要注意数字后面是没有单位的

---

font-style：字体风格

字体倾斜除了用i和em标签之外，可以使用CSS来实现，但是CSS是没有语义的。
font-style属性用于定义字体风格，如设置斜体，倾斜或者正常字体，其可用属性如下：

normal:默认值，浏览器会显示标准字体样式
italic:浏览器会显示斜体的字体样式
注意：
平时我们很少给字体加斜体，反而喜欢给斜体标签（em,i）改为普通模式

---

line-height:行间距

line-height属性用于设置行间距，就是行与行之间的距离。一般情况下，行距比字号大7.8个像素就可以了

---

text-align:水平对齐方式

text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性，可用属性值有left（默认值），right，center
注意：这个属性是让盒子里面的内容水平居中，而不是让盒子剧中对齐

---

text-indent:首行缩进

text-indent属性用于设置首航文本的缩进，其属性可以为不同单位的数值，em字符段度的倍数。
1em就是一个字的宽度，如果是汉字的段落，1em就是一个汉字的宽度

---

text-decoration文本在装饰

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

none:默认
underline:下划线
overline:上划线
line-through：删除线

删除标签有<s><s>和<del></del>