您的位置:首页 > Web前端 > CSS

CSS2字体和文本属性

2017-05-30 03:37 190 查看
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的行高,定义过就是字体的行高
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: