字体样式属性
- font-size:字号大小
相对长度单位 | 说明 |
---|---|
em | 相对于当前对象内文本的字体尺寸 |
px | 像素 |
绝对长度单位 | 说明 |
in | 英寸 |
cm | 厘米 |
mm | 毫米 |
pt | 点 |
- font-family:字体
- 可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,就会尝试下一个,直到找到合适的字体
- 各种字体之间必须使用英文状态下的逗号隔开
- 当需要设置英文字体时,英文字体名必须位于中文字体名之前
- 如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号和双引号
- font-weight:字体粗细
值 | 描述 |
---|---|
normal | 默认值,定义标准的字符 |
bold | 定义粗体字符 |
bolder | 定义更粗的字符 |
lighter | 定义更细的字符 |
100~900 | 定义有细到粗的字符,400等同于normal,700等于bold |
- font-style:字体风格
- normal:默认值,标准的字体样式
- italic:浏览器会显示斜体的字体样式
- oblique:浏览器会显示倾斜的字体样式
文本外观属性
-
color:文本颜色
-
letter-spacing:字间距
-
word-spacing:单词间距(用于定义英文单词之间的间距,对中文字符无效)
-
line-height:行间距(属性值有三种像素px、相对值em、百分比%)
-
text-transform:文本转换(用于控制英文字符的大小写:none(不转换,默认值),capitalize(首字母大小写),uppercase(全部字符转换为大写),lowercase(全部字符转换为小写))
-
text-decoration:文本装饰(none(没有装饰),underline(下划线),overline(上划线),line-through(删除线))
-
text-align:水平对齐方式(用于设置文本内容的水平对齐:left(左对齐,默认值),right,center)
-
text-indent:首行缩进
-
white-space:空白符处理(normal:常规,文本中的空格、空行无效、满行后自动换行。pre:预格式化,按文档的书写格式保留空格,空行原样显示。nowrap:空格空行无效,强制文本不能换行,除非遇到换行标记(br),内容超出元素的边界也不换行,若超出浏览器页面则会自动增加滚动条)
-
text-shadow:阴影效果(基本语法{text-shadow:h-shadow v-shadow blur color;})水平阴影距离,垂直阴影距离,blur模糊半径,color阴影颜色
-
text-overflow:标示对象内溢出文本(clip:修剪溢出文本,不显示省略标记"·····"。ellipsis:用省略标记”····“标示被修剪文本,省略标记插入的位置是最后一个字符)