CSS文本属性及背景属性

1.css中设置文本水平位置的属性及其属性值

text-align: left ; right ; center ; center ; justify ;

left ----------把文本排列到左边。默认值:由浏览器决定
right -------- 把文本排列到右边
center ------把文本排列到中间
justify -------实现两端对齐文本效果

2.背景图片重复的属性及属性值。

background-repeat : repeat ; no-repeat ; repeat-x ; repeat-y ; **

background背景

repact ------------默认。背景图像将在垂直方向和水平方向重复
repeat-x --------背景图像将在水平方向重复
repeat-y --------背景图像将在垂直方向重复
no-repeat -----背景图像将仅显示一次。

3.文字样式属性有哪些?

(1)font-size设置文字尺寸

small 小的
medium 中等
large 大的
smaller 设置为比父元素更小的尺寸。
larger 设置为比父元素更大的尺寸。
length 设置为一个固定的值。
% 设置为基于父元素的一个百分比值

(2)font-family 设置字体系列
(3)font-style 设置字体风格

normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示

(4)font-weight 设置字体粗细

normal 正常
bold 粗体
bolder 比所继承值更粗的一个字体加粗
lighter 会将加粗度下移。
关键字 100 ~ 900 为字体指定了 9 级加粗度,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold

4.英文字母大小写转换

Text-transform uppercase lowercase cpitalize

Text-transform 控制文本的大小写。

capitalize 文本中的每个单词以大写字母开头
uppercase 定义仅有大写字母
lowercase 定义无大写字母,仅有小写字母

5.文字的装饰效果及属性

Text-decoration : underline ; overline ; line-thorugh ; none ;

text-decoration 文本的修饰

none 默认。定义标准的文本
underline 定义文本下的一条线。
overline 定义文本上的一条线
line-through 定义穿过文本下的一条线
blink 定义闪烁的文本

6.设置中英文之间字词的间距

word-spacing: normal ; length ;

word-spacing字间距

normal 默认。定义单词间的标准空间。
length 定义单词间的固定空间。

7.设置段落的垂直对齐方式

vertical-align 元素的垂直对齐

• baseline 默认。元素放置在父元素的基线上
sub 垂直对齐文本的下标
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部。
bottom 把元素的顶端与行中最低的元素的顶端对齐。
text-bottom 把元素的底端与父元素字体的底端对齐
length
% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值

你可能感兴趣的:(CSS文本属性及背景属性)