字体属性
字体、字号
font-weight:字体粗细
| 属性值 | 描述 |
---|
normal | 默认值。定义标准的字符。 |
bold | 定义粗体字符。 |
bolder | 定义更粗的字符。 |
lighter | 定义更细的字符。 |
100、200…900 | 400 等同于 normal,而 700 等同于 bold。 |
font-size:字体大小
| 属性值 | 描述 |
---|
xx-small、x-small、small、medium、large、x-large、xx-large | 把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。默认值:medium。 |
smaller | 把 font-size 设置为比父元素更小的尺寸。 |
larger | 把 font-size 设置为比父元素更大的尺寸。 |
length | 把 font-size 设置为一个固定的值。 |
% | 把 font-size 设置为基于父元素的一个百分比值。 |
font-family:字体
font-style:斜体
| 属性值 | 描述 |
---|
normal | 默认值。浏览器显示一个标准的字体样式。 |
italic | 浏览器会显示一个斜体的字体样式。 |
oblique | 浏览器会显示一个倾斜的字体样式。 |
字体颜色
color:字体颜色
opacity:透明度(0是全透明,1是不透明)
行距、对齐等:
line-height:行高
| 属性值 | 描述 |
---|
normal | 默认。设置合理的行间距。 |
number | 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。(如1.5) |
length | 设置固定的行间距。(如20px) |
% | 基于当前字体尺寸的百分比行间距。(如150%) |
text-align:对齐
| 属性值 | 描述 |
---|
left | 把文本排列到左边。默认值:由浏览器决定。 |
right | 把文本排列到右边。 |
center | 把文本排列到中间。 |
justify | 实现两端对齐文本效果。 |
letter-spacing: 字符间距
| 属性值 | 描述 |
---|
normal | 默认。规定字符间没有额外的空间。 |
length | 定义字符间的固定空间(允许使用负值)。 |
text-decoration:文本修饰
| 属性值 | 描述 |
---|
none | 默认。定义标准的文本。 |
underline | 定义文本下的一条线。 |
overline | 定义文本上的一条线。 |
line-through | 定义穿过文本下的一条线。 |
blink | 定义闪烁的文本。 |
overflow :当内容溢出元素框时的处理方法
| 属性值 | 描述 |
---|
visible | 默认值。内容不会被修剪,会呈现在元素框之外。 |
hidden | 内容会被修剪,并且其余内容是不可见的。 |
scroll | 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 |
auto | 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 |
text-overflow:规定当文本溢出包含元素时发生的事情
| 值 | 描述 |
---|
clip | 修剪文本。 |
ellipsis | 显示省略符号来代表被修剪的文本。 |
string | 使用给定的字符串来代表被修剪的文本。 |
text-shadow:文本阴影
text-shadow: x y 模糊距离(模糊程度) 颜色;
text-indent:首行文本的缩进
text-indent:2em;
text-stroke:文本描边
text-stroke:2px red;