day8 CSS属性下

1.文字排版

字号大小:font-size:

可选参数值:xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger

设置字体:font-family:

使用font-family设置字体时,需要注意以下几点:

Ø各种字体之间必须使用英文状态下的逗号隔开。

Ø中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。

Ø如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: "Times New Roman";。

Ø尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

�2.字体系列

衬线体:字体有一些修饰的东西,让字体变的美观。

非衬线体:没有修饰。

3.字体颜色

通过color属性可以设置字体的颜色。

Color: red;

建议最好使用十六进制的方式来写。

4.字符间距

letter-spacing: 10px;

5.单词间距

word-spacing

6.行高

行高是两行文本基线的距离。实际上就是:文本的高度+一倍的行距。

一行文本的高度正好是:0.5倍行距+文本的高度+ 0.5倍行距

四线:

Ø文字顶端的线,称为顶线。

Ø中线:穿过x中心的线为中线。

Ø小写X字母底部的线为基线。

Ø文字底部的线为底线。

7.文本装饰

text-decoration属性用于设置文本的下划线,上划线,删除线等装饰效果,其可用属性值如下:

删除线

none:没有装饰(正常文本默认值)。

underline:下划线。

overline:上划线。

line-through:删除线。

8.水平对其方式

text-align:left | right | none;

9.首行缩进

text-index:  px | em;

应用范围;logo优化

10空白符处理

white-space: normal | nowrap | pre;

你可能感兴趣的:(day8 CSS属性下)