font 字符
font-family 设置文本的字体系列
可取值:字体类:Serif Sans-serif Monospce Cursive Fantasy
或:字体名:Times Arial Courier ZapfChancery Western
font-size 字体大小
单位 绝对:pt(point) pc(pick皮卡) in(inch) mm(million meter) cm(center meter)
单位 相对:em(equal m) ex(equal x) px(pixel)
相对 名称:small medium large
相对 值:500%
(绝对大小:
- 设置一个指定大小的文本
- 不允许用户在所有浏览器中改变文本大小
- 确定了输出的物理尺寸时绝对大小很有用
相对大小:
- 相对于周围的元素来设置大小
- 允许用户在浏览器中改变文字大小
如果你不指定一个字体的大小,默认大小和普通文本段落一样,是16像素(16px=1em)。)
font-style 字体样式
可取值:Normal Italic Oblique (
- 正常 - 正常显示文本
- 斜体 - 以斜体字显示的文字
- 倾斜的文字 - 文字向一边倾斜
)
font-weight 指定字体粗细 可取值:
范围:100 200 …… 900 定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。 |
值 | 描述 |
---|---|
normal | 默认值。定义标准的字符。 |
bold | 定义粗体字符。 |
bolder | 定义更粗的字符。 |
lighter | 定义更细的字符。 |
color
名称:red green blue gray orange
十六进制:#00ff00
十进制:rgb(255,255,0)
百分比:rgb(100%,50%,10%)
text-transform 可取值:
capitalize uppercase lowercase none
text-decoration 属性规定添加到文本的修饰
值 | 描述 |
---|---|
none | 默认。定义标准的文本。 |
underline | 定义文本下的一条线。 |
overline | 定义文本上的一条线。 |
line-through | 定义穿过文本下的一条线。 |
blink | 定义闪烁的文本。 |
inherit | 规定应该从父元素继承 text-decoration 属性的值。 |
text-align 元素文本的水平对齐方式。
值 | 描述 |
---|---|
left | 把文本排列到左边。默认值:由浏览器决定。 |
right | 把文本排列到右边。 |
center | 把文本排列到中间。 |
justify | 实现两端对齐文本效果。 |
inherit | 规定应该从父元素继承 text-align 属性的值。 |
text-indent 缩进
值 | 描述 |
---|---|
length | 定义固定的缩进。默认值:0。 |
% | 定义基于父元素宽度的百分比的缩进。 |
inherit | 规定应该从父元素继承 text-indent 属性的值。 |
letter-spacing 设置字符间距
属性增加或减少字符间的空白(字符间距)
letter-spacing字母间距
line-height
normal | 默认。设置合理的行间距。 |
number | 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。 |
length | 设置固定的行间距。 |
% | 基于当前字体尺寸的百分比行间距。 |
inherit | 规定应该从父元素继承 line-height 属性的值。 |
背景
Property | 描述 |
---|---|
background | 简写属性,作用是将背景属性设置在一个声明中。 |
background-attachment | 背景图像是否固定或者随着页面的其余部分滚动。 |
background-color | 设置元素的背景颜色。 |
background-image | 把图像设置为背景。 |
background-position | 设置背景图像的起始位置。 |
background-repeat | 设置背景图像是否及如何重复 |