CSS文本

相关属性

CSS

用于设置文本的显示颜色

语法：color : 颜色值；
颜色可以是一个名称标示的关键字，如 color : red;
也可以是一个使用十六进制的颜色值，如color : #ffffff；
如果每个参数各自在两位上的数字都相同，那么本单位也可缩写为#RGB的方式，如：#FF8800 可以缩写为 #F80。

font-style

定义字体的风格，属性设置使用斜体、倾斜或正常字体。
语法：font-style: normal | italic｜ oblique
normal : 常规字体
italic : 斜体
oblique：斜体
斜体（italic）是一种简单的字体风格，对每个字母的结构有一些小改动，来反映变化的外观。与此不同，倾斜（oblique）文本则是正常竖直文本的一个倾斜版本。
通常情况下，italic和oblique文本在web浏览器中看上去是完全一样

font-weight

语法：font-weight: normal | bold | bolder | lighter | number
normal : 表示正常
bold : 表示加粗
bolder : 表示更粗的字符
lighter : 表示更细的字符
number : 值为100到900 整百数值（500之上加粗）

font-size

语法：font-size: px | 百分数 | em|rem 1em = 16px=100%

font-family

可以同时为页面设置多个字体，当浏览器找不到第一个字体时会寻找第二个字体，依次进行，直到找到可用的字体
语法：font-family : 字体1，字体2，字体3，…
常用字体类型 font-family:“宋体”,“微软雅黑”,Arail,Tabhoma;

字体设置建议

1.中文页面建议以宋体为首选，其他字体次之。
2.英文页面建议以Arail/Tahoma等字体。
3.中英结合网站建议最好用英文字体。
4.特殊字体一律用图片。
5 考虑到兼容性，将CSS中对字体设置在body标签上

复合属性 font

使用font作为属性名称，后接各个属性值即可，各个属性值之间用空格分开。通常不采用简写的模式。
语法：font: font-style | font-weight | font-size | font-family ;

text-decoration

语法：text-decoration: none | underline | overline | line-though
none: 无文本修饰（浏览器默认初始值）
underline : 表示有下划线
overline : 表示有上划线
line-through : 表示有贯穿线/删除线

line - height

语法：line-height: normal | length；
normal :浏览器默认为正常行距
length : 由浮点数字和单位标识符组成的长度值，允许为负值。设置数值越大，文本段落中间的行距越大

text - indent

语法：text-indent: length；
常用单位是 px 或者是 em

text-align

属性规定元素中文本的水平对齐方式
语法：text-align: left | center | right
left : 左对齐
center: 中间对齐（左右居中
right : 右对齐

vertical-align

设置元素的垂直对齐方式
语法：vertical-align: top | bottom | middle；
还有sub、super、text-top、text-bottom
(1) 此属性可设置table单元格框中的内容的对齐方式
(2) 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐

middle 把此元素放置在父元素的中部。
sub 垂直对齐文本的下标。
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
bottom 把元素的顶端与行中最低的元素的顶端对齐。
text-bottom 把元素的底端与父元素字体的底端对齐。

word - spacing

改变字与单词之间的标准间隔
语法：word-spacing: normal | length；
normal : 默认值
length : 接受一个正长度值或负长度值。如果提供一个正长度值，那么字词之间的间隔就会增加。设置一个负值，会把它拉近。

letter - spacing

改变字符之间的标准间隔(字与字 单词的每个字符与每个字符的间距)
语法：letter-spacing: normal | length；
normal : 默认间隔
length : 接受一个正长度值或负长度值。如果提供一个正长度值，那么字符之间的间隔就会增加。设置一个负值，会把它拉近。

background - image

语法：background-image: none | url ( url )；
none : 是无背景图
url : 里面跟的图片的路径。
背景图片默认平铺。

background - repeat

语法：background-repeat: repeat | no-repeat | repeat-x | repeat-y；
repeat : 重复默认选项
no-repeat : 不重复。
repeat-x : 横向重复。
repeat-y : 纵向重复。

background - position

语法：background-position: x轴坐标值 y轴坐标值；
x轴 y轴坐标值：
可以是像素值。background-position：10px 30px；
可以是具体的方位。left | right | center | top | bottom
可以是百分比。background-position：30% 50%；

background - attachment

语法：background-attachment : scroll | fixed；
scroll : 随着页面的滚动轴背景图片将移动，默认值。(只针对IE6/7)
fixed : 随着页面的滚动轴背景图片不会移动。

简写方式 background

语法：background : color url( ) position repeat；
改样式为背景设置的简写，其属性值有多个值组成，值与值之间用空格隔开。