一、文本属性
在css样式中,有许多属性用于控制文本的格式化,例如对齐方式、行高、文本缩进字母和单词间距等属性。
- text-indent
缩进文本,设置行的缩进大小,值可以为正值或负值,单位可以用em、px或百分比。 - text-align
水平对齐,设置文本的水平对齐方式,取值为left、right、center、justify - vertical-align
设置文本的垂直对齐方式,取值bottom、top、middle、baseline。 - word-spacing
字间距,设置字(单词)之间的标准间隔,默认normal - letter-spacing
字母间隔,设置字符或字母之间的间隔 - text-transform
字符转换,设置文本中字母的大小写,取值none、uppercase、lowercase、capitalize - text-decoration
文本修饰,设置段落中需要强调的文字,取值none、underline(下划线)、overline(上划线)、line-through(删除线)、blink(闪烁)
二、字体属性
字体是字母和符号的样式集合。虽然字体之间可能会有一定的差异,但总体特征基本相同。
-
color
文本颜色,设置文本的颜色。例如red,#ff0000,rgb(0,0,0)等格式. -
font family
字体类型,设置文本的字体,可以取值宋体、隶书以及Seri、Verdana等。 -
font-style
字体风格,设置字体样式。取值normal正常) 、italic(斜体) oblique(倾斜),通常情况下italic和oblique文本在Web浏览器中看上去完全一样 -
font-variant
字体变形,设定小型大写字母。取值normal(正常)、small-caps(小型大写字母) -
font-weight
字体加粗,设置字体的粗细。取值可以是bolder(特粗体)、bold(粗体)、normal(正常) 、lighter(细体)或100~900之间的9个等级。其中900对应bolder,700对应bold,而400对应normal。有些视觉上差别不是很大,但对于搜索引擎来说可以提高当前页面权重。 -
font-size
字体大小,设置文本的大小。值可以是绝对值或相对值,其中绝对值从小到大依次为xx salx small small . medium(默认)、arge.xlarge.xx lage;单位可以是pt或em,也可以采用百分比(%)的形式。 -
line height
行间距,设置文本的行高。即两行文本基线之间的距离。 -
font
字体简写,属性的简写可用于一次设置元素字体的两个或更多方面,书写顺序为font-style、 font-variant、 font-weight 、font-size、 line-height、 font-family。