与文本背景有关的属性
一.与文本有关的属性
1.color 文字颜色
-
注意:文字颜色的简写 ,#f00 要么是三位,要么是六位
2.font-size 文字的大小
-
默认的字体大小是16px=medium 网站常用的字体大小为12px 14px em 倍数单位 一般用于首行缩进
3.text-intent 首行缩进
-
首行缩进 可以取负值
4.font-family 字体
-
默认的字体是宋体 英文的默认字体arial 多个字体用逗号隔开,中文需要加双引号,词组也需要加双引号
5.font-weight 文字加粗
-
bold bolder 600-900 加粗
-
normal 正常(不加粗)100-500
6.font-style: 文字倾斜
-
normal 正常(不倾斜)
-
italic oblique 倾斜
7.text-align:水平对齐方式
-
left 左 right 右
-
center 中 justify 两端对齐(多行)
8.vertical-align:垂直对齐方式
-
top middle bottom 需要是inline-block
9.注意:
-
如果一个标签里有多行文字,想修改字之间的上下间距只能用行高,如果只有一行文字,padding和行高通用
10.text-decoration: 超链接要不要下划线 (文本的修饰线)
-
none 没有 underline 下划线
-
line-through 删除线 overline 上划线
11.letter-spacing 字间距
12.word-spacing 词间距
13.text-transform: 设置英文大小写
-
capitalize 首字母大小 lowercase 全部小写 uppercase 全部大写
14.总结:
-
font-size
-
font-family
-
color
-
line-height
-
text-align
-
text-decoration :none /underline
-
font-weight
-
font-style
-
text-indent
二.背景相关的属性
1.background-image 背景图
-
背景图上可以放文字 也可以放表单 表格 再次插入图片
2.background-repeat 背景图是否重复(平铺)
-
repeat 默认值 重复
-
no-repeat 不重复
-
repeat-y Y重复
-
repeat-x X重复
3.background-position: 背景图的位置
-
两个值 第一个值表示的是水平位置 left right center 数字
-
第二个值表示的是垂直位置 top bottom center 数字
-
当水平方向和垂直方向取值都是center,可以省略为一个
-
水平方向取值为正 往右偏移 取值为负 往左偏移
-
垂直方向取值为正 往下偏移 取值为负 往上偏移
4.background-attachment 背景图是否固定
-
fixed 固定
-
scroll 滚动 默认值