字体样式
font-family
指定字体
可以为文字指定多个字体,不同字体间用“,”隔开
字体名字中间有空格的,要用引号引起来
font-size
字体大小
多用px/em单位
font-style
字体倾斜效果
normal不倾斜、oblique和italic倾斜
Italic是使用文字的斜体,Oblique是让没有斜体属性的文字倾斜!
font-weight
字体粗细
大多浏览器可以实现:正常和加粗效果
关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级
别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。
文本样式
text-transform
英文字母大小写转换
capitalize 单词首字母大写
uppercase 全部大写
lowercase 全部小写
text-decoration
文本的装饰效果
underline 文字加下划线
line-through 文字加删除线
overline 文字加上划线
text-indent
段落内容首行缩进(悬挂缩进),比如用于段落缩进两个汉字:2em
text-align
文本的水平位置
left,左对齐(默认值)
right,右对齐
center,居中对齐
word-spacing
word-spacing 单词和单词间距
letter-spacing
letter-spacing 字母和字母间距
背景
background-color
定义标签的背景颜色
background-image
定义背景图片,可定义多背景
background-repeat
定义背景图片的显示方式
repeat,图片重复
repeat-x,图片横向重复
repeat-y,图片纵向重复
no-repeat,图片不重复
background-position
定义背景图片的位置
直接使用两个定位单词,例:background-position: right top;
使用x、y坐标,例:background-position: 20px 30px;
列表样式
list-style-type
列表样式类型 disc/circle/square
25
list-style-image
列表样式图片
list-style-position
列表样式位置 outside / inside