【CSS知多少-4】CSS样式整理

字号样式

CSS长度单位

绝对长度单位。 绝对长度单位表示为一个固定的值，不会改变。不利于页面渲染。

• in, 英寸
• cm, 厘米
• mm, 毫米
• pt
• pc

相对长度单位。 其长度单位会随着它的参考值的变化而变化。

• px, 像素
• rpx, 小程序专用 1rpx=0.5px
• em, 元素的字体高度（1em为font-size大小）
• %, 百分比
• rem, 根元素的font-size
• vm, 视窗宽度，1vw=视窗宽度的1%
• vh, 视窗高度，1vh=视窗高度的1%

更详细请参考

颜色样式

文本样式

• text-align: center文字居中对齐，justify是两端对齐
• 常用的line-height用于设置垂直居中，等同于元素height值即可
• text-decoration: none;常用于取消a标签的下划线
• 代码示例

字体样式

背景样式

• 注意 bg-image属性必须使用url()引用相对路径
• repeat 水平填充 垂直填充 不重复

超链接样式

• 注意 在css样式声明时必须按照以上顺序（love&hate）
• 背景&超链接样式示例

列表&表格样式

• 无序列表ul和有序列表ol共用：

• 表格样式

• 代码示例