设置字体样式，文本装饰

 

1.设置字体类型（如下）

注意：字体尽量设置成通用的，否则如果用户系统没有该种字体就不能显示

 

 2. 设置字体的粗细

字体粗细 100—900， 100最细，900最粗

 

 3. 设置字体风格（italic斜体，相当于<em></em>，不常用）

 4. 一次性声明所有属性，font：风格（可省），粗细，大小，字体样式（顺序不能更换）

 

 

1. 对齐方式（text-align）

text-align: left   right  center 对齐按照标签的宽度，左右的水平对齐，如果没有宽度，默认浏览器宽度

2. 行高（height）

数字+px，例如：20px

3. 文本上下的对齐方式（line-height）

如果line-height  = height，那么每行字体上下居中，line-height越小，每一行字体越靠这一行的上方

4.背景（background-color）

设置每一行的背景颜色

文本装饰（text-decoration）

                              下划线       上划线      中划线            取消文本装饰的线

text-decoration ： underline   overline   line-through        none

 

浏览器展示结果

text-decoration： none

 

 浏览器展示结果（none把前面的文本装饰给覆盖了）

 

 

 text-decoration： none在跳转链接中的作用

 未设置的情况下“点我跳转”是自带下划线的

 

在a标签里用text-decoration： none可以去掉下划线

 

 浏览器展示效果