CSS2字体和文本属性

 

direcation：文本阅读方向

 

属性：

 

取值：ltr | rtl

 

解释：文本方向从左到右（默认）| 文本方向从右到左

 

font：字体

 

用于同时定义font-size，font-variant，font-weight，

 

font-style，line-height，和font-family

 

 

font-size：字体大小

 

属性：

 

取值：xx-small | x-small | small | medium | large | x-large | xx-large | 12px | 50%

 

解释：最小 | 较小 | 小 | 正常值（默认） | 大 | 较大 | 最大|像素|相对于父元素字体尺寸的比例

 

 

font-variant：设置为小型大写字母字体

 

属性：

 

取值：normal | small-caps

 

解释： 正常 | 小型大写字母缩小字母

 

 

font-weight：文字粗细

 

属性：

 

取值：normal  | bold | bolder | lighter | 400 | 700

 

解释：标准字体（默认） | 粗体| 更粗的字体| 更细的字体| 标准字体| 加粗字体

 

 

font-style：文字风格

 

属性：

 

取值：normal  | italic | oblique

 

解释：标准字体（默认） | 斜体| 倾斜的字体

 

 

line-height：段落中行间距

 

属性：

 

取值：normal  | 2| 2px| 2%

 

解释：（默认）行高 | 数字会与当前的字体尺寸相乘来设置行间距| 设置固定的行间距| 基于当前字体尺寸百分比

 

 

font-family：字体名称
属性：

 

取值：字体名称

 

 

color：字体颜色

 

属性：

 

取值：red  | #ff0000 | rgb(255,0,0)

 

解释： red  | #ff0000 | rgb(255,0,0)

 

 

letter-spacing： 字与字之间的间距

 

属性：

 

取值：normal | length

 

解释：（默认）间隔 | 数字可以为负值

 

min-height：设置表格单元格行最小高度

属性：

 

取值：2| 2%

 

解释：数字设置最小高度默认0 |设置百分比

 

 

max-height：设置表格单元格行最大高度

 

属性：

 

取值：2| 2%

 

解释：数字设置最大高度 |设置百分比

 

 

text-align：文本对齐方式

 

属性：

取值：left | right|center|justify

解释： 左对齐 | 右对齐|居中对齐|两端对齐

 

 

text-decoration：下划线上划线删除线

 

属性：

取值：none | underline | overline | line-through |blink

解释： 标准文本| 下划线|上划线|文本穿过|定义闪烁文本

 

 

text-indent：首行缩进

 

属性：

取值：not specified | 2 | 2% | inherit

解释：不缩进| 固定缩进（0默认）|父元素宽度百分比缩|父元素继承

 

 

text-overflow：文本超出显示区域是否显示省略

 

属性：

取值：clip | ellipsis | string

解释：修剪文本| 显示省略号代替修剪的文本|使用给定字符串代替修剪文本

 

 

text-transform：英文转化大小写

 

属性：

 

取值：none | capitalize | uppercase | lowercase

 

解释：标准文本（默认）|每个单词大写字母开头|仅有大写字母|仅有小写字母

 

 

vertical-align：文本垂直方向设置上标，下标

 

属性：

 

取值：baseline | sub | super | top | text-top | middle l bottom l text-bottom l%

 

解释：元素放置在父元素的基线上（默认）|垂直对齐下标|垂直对齐上标|元素的顶端与行中最高元素的顶端对齐|元素的顶端与父元素字体的顶端对齐|元素放置在父元素的中部l元素的顶端与行中最低的元素的顶端对齐l元素的底端与父元素字体的底端对齐l百分比值，允许为负值

 

 

white-space： 文本是否换行，不换行，保留原样

 

属性：

 

取值：normal | nowrap| pre | pre-wrap | pre-line

 

解释：浏览器忽略 |文本不会换行，文本会在在同一行上继续| 空白会被浏览器保留 | 保留空白符序列，但是正常地进行换行 | 合并空白符序列，但是保留换行符

 

 

word-spacing：字与字之间间距
属性：
取值：normal | 2

 

解释：好、设置间距默认大小|

 

font: 12px/18px

font-size:12px（字号），line-height:18px（行号）

没定义就是div的行高，定义过就是字体的行高