CSS2字体和文本属性

来源:互联网 发布:mac照片怎么导入iphone 编辑:程序博客网 时间:2024/05/17 03:34
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的行高,定义过就是字体的行高

原创粉丝点击