css字体样式
font-size : 字体大小
font-size属性用于设置字号,该属性的值可以使用相对单位长度,也可以使用绝对单位长度。
相对长度单位 | 说明 |
---|---|
em | 相对当前对象内文本的字体尺寸 |
px | 像素 最常用 推荐使用 |
绝对长度单位 | 说明 |
in | 英寸 |
cm | 厘米 |
mm | 毫米 |
pt | 点 |
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 通常我们用于给链接修改装饰效果
值 | 描述 |
---|---|
none | 默认,定义标准的文本 |
underline | 定义文本下的一条线。下划线 也是我们链接自带的 |
overline | 定义文本上的一条线 |
line-through | 定义穿过文本下的一条线 |