字体
font-family
只有本地支持改字体,才能显示出来。
- 字体尺寸
font-size
- 字体样式
font-sytle
属性值 | 样式 |
---|---|
normal | 标准 |
italic | 倾斜 |
- 字体粗细
font-weight
属性值 | 样式 |
---|---|
normal | 正常(400) |
bold | 粗体(700) |
bolder | 更粗 |
lighter | 更细 |
也可以设置一个具体的数值
100、200、300、400、500、600、700、800、900
- 简写
font
定义文字的所有样式
属性值用空格隔开
文本
-
颜色
color
-
行高
line-height
-
对齐方式
text-align
left(左)、right(右)、center(居中) -
方向
dirction
ltr(左)、rtl(右) -
缩进
text-indent
设置首行缩进 -
装饰线
text-decoration
设置文本的装饰线
underline(下划线)、overline(上画线)、light-through(中划线) -
间隔
letter-spacing
设置文字的间隔。可以为负值 -
阴影
text-shadow
设置文本的阴影
属性值:X轴偏移量 Y轴偏移量 模糊距离 颜色
尺寸
-
高度和宽度
width
定义宽度
height
定义高度 -
最小高度和最小宽度
min-width
定义最小宽度
min-height
定义最小高度 -
最大高度和最大宽度
max-width
定义最大宽度
max-height
定义最大高度
列表
-
list-tyle-image
指定一个图片为列表项前面的标记 -
list-tyle-position
设置标记位置
属性值:outside、inside -
list-tyle-type
设置列表项前面图标的类型
属性值:disc、 circle、square、decimal、none -
list-tyle
简写属性
属性值: list-tyle-image list-tyle-position list-tyle-type
背景
-
background-color
颜色名:red
十六进制颜色:#ff0000
rgb函数:rgb(255,0,0) -
background-image
设置一个图片的url地址 -
background-repeat
设置背景图片的平铺方式
属性值:repeat-x(沿x轴平铺)、repeat-y(沿y轴平铺)、no-repeat(不平铺) -
background-position
设置背景图片的起始点位置 -
background-attachment
设置图片固定或随页面滚动
属性值:scroll(滚动)、fixed(固定 ) -
background
简写属性