CSS字体与段落属性
一、字体属性
1.字体font-family
语法：{font-family:name}
使用字体名称，按优先顺序排列，以逗号隔开，如果字体名称包含空格，则应使用引号括起。
P{
font-family:华文彩云,黑体,宋体
}
P{
font-family:?±Times New
Roman?±
}
2.字号font-size
{font-size: 数值 |
xx-small | x-small | small | medium | large | x-large | xx-large |
larger | smaller | length }
|
属性值 |
含义 |
|
xx-small |
最小，绝对字体尺寸，根据对象字体进行调整 |
|
x-small |
较小，绝对字体尺寸，根据对象字体进行调整 |
|
small |
小，绝对字体尺寸，根据对象字体进行调整 |
|
medium |
正常，默认值，绝对字体尺寸，根据对象字体进行调整 |
|
large |
大，绝对字体尺寸，根据对象字体进行调整 |
|
x-large |
较大，绝对字体尺寸，根据对象字体进行调整 |
|
xx-large |
最大，绝对字体尺寸，根据对象字体进行调整 |
|
larger |
相对字体尺寸，相对于父对象中的字体尺寸进行相对增大，使用成比例的em单位计算 |
|
smaller |
相对字体尺寸，相对于父对象中的字体尺寸进行相对减小，使用成比例的em单位计算 |
|
length |
百分数或由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值基于父对象中字体的尺寸。 |
3.字体风格font-style
{font-style: normal | italic | oblique |
inherit}
4.加粗字体font-weight
{font-weight: 100-900 | bold | bolder | lighter
| normal }
5.小写字母转为大写字母font-variant
{font-variant: normal | small-caps |
inherit}
6.字体复合属性font
可以一次性地使用多个属性的属性值定义文本字体。
{font: font-style font-variant font-weight
font-size font-family}
属性排列顺序如上，各属性属性值使用空格隔开。
font-size
font-family必须按照固定的顺序出现，而且还必须都出现在font属性中，如果顺序不对，或缺少一个，那么，整条样式规则可能会被忽略。
7.字体颜色color
|
属性值 |
含义 |
|
Color_name |
规定颜色值为颜色名称的颜色 |
|
Hex_number |
规定颜色值为十六进制值的颜色 |
|
Rgb_number |
规定颜色值为RGB代码的颜色 |
|
inherit |
规定应该从付原色继承颜色 |
|
Hsl_number |
规定颜色值为HSL代码的颜色 |
|
Hsla_number |
规定颜色值为HSLA代码的颜色 |
|
Rgba_number |
规定颜色值为RGBA代码的颜色 |
8.阴影文本text-shadow
{text-shadow: none | none | [,] *
或none | [,]*}
4 个属性值，最后两个是可选的，第一个值表示阴影的水平位移，可取正负值；第二个值表示阴影的垂直位移，可取正负值；第三个值表示阴影模糊半径，该值可选；第四个值表示阴影颜色值，该值可选。
|
属性值 |
含义 |
|
|
指定颜色 |
|
|
由浮点数字和单位标识符组成的长度值，可为负值，指定阴影的水平延伸距离 |
|
|
由浮点数字和单位标识符组成的长度值，不可为负值，指定模糊效果的作用距离。如果仅需要模糊效果，将前两个length全部设定为0 |
二、段落属性
1.单词间隔word-spacing
{word-spacing: normal |
length}
2.字符间隔letter-spacing
3.文字修饰text-decoration
{text-decoration : none | underline | blink |
overline | line-through}
4.垂直对齐vertial-align
|
属性值 |
含义 |
|
baseline |
默认值，元素放置在父元素的基线上 |
|
sub |
垂直对齐文本的下标 |
|
super |
垂直对齐文本的上标 |
|
top |
把元素的顶端与行中最高元素的顶端对齐 |
|
text-top |
把元素的顶端与父元素字体的顶端对齐 |
|
middle |
把此元素放置在父元素的中部 |
|
bottom |
把元素的顶端与行中最低元素的顶端对齐 |
|
text-bottom |
把元素的顶端与父元素字体的底端对齐 |
|
% |
使用“line-height”属性的百分比值来排列此元素，允许使用负值 |
水平对齐text-align
只能用于文本块，不能直接应用到图像标记<img>。如果要使图像同文本一样应用对齐方式，那么就必须将图像包含在文本块中。
|
属性值 |
含义 |
|
start |
文本向行的开始边缘对齐 |
|
end |
文本向行的结束边缘对齐 |
|
left |
文本向行的左边缘对齐。在垂直方向的文本中，文本在left-to-right模式下向开始边缘对齐 |
|
right |
文本向行的右边缘对齐。在垂直方向的文本中，文本在left-to-right模式下向开始边缘对齐 |
|
center |
文本在行内居中对齐 |
|
justify |
文本根据text-justify的属性设置方法分散对齐。即两端对齐，均匀分布 |
|
match-parent |
继承父元素的对齐方式，但有个例外：继承的start或者end值是根据父元素的direction值进行计算的，因此计算的结果可能是left或者right |
|
|
是单个字符，否则，就忽略此设置。按指定的字符进行对齐。此属性可以跟其他关键字同时使用，如果没有设置字符，则默认值是end方式 |
|
inherit |
继承父元素的对齐方式 |
5.文本缩进text-indent
6.文本行高lint-height
用来设置行间距，即行高。
line-height: normal |
length
|
