表格、列表相关属性及media query

表格相关属性

• border-collapse 合并两个单元格的边框
• border-spacing 设置两个单元格边框之间的间距
• caption-side 设置表格标题位置，top位于顶端，bottom位于底端
• empty-cells 单位格为空时是否显示，show为显示，hide为隐藏
• table-layout 表格宽度布局，auto是根据表格内容来确定宽度，fixed是根据单元格宽度之和来确定的

列表相关属性

list-style 复合属性

• list-style-image 指定列表项标记的图片，url()
• list-style-position 指定列表项标记出现的位置,outside指定放在列表元素外，inside指定放在列表元素里
• list-style-type 指定列表项标记的样式，none表示不使用

list-style-image会覆盖 list-style-type

控制光标的属性

cursor 属性 控制光标在目标元素上的形状

• pointer 手形
• progress 带进度环的箭头
• wait 只有进度环
• help 带问号的箭头
• no-drop 禁止形状

media query 和响应式布局

media query语法：@media 设备类型 [and 设备特性]
响应式布局示例：

@media screen and (min-width:1000px) {
	CSS样式
}
@media screen and (max-width:480px) {
	CSS样式
}

响应手机浏览器
在head内加入以下代码：

<meta name="viewport" content="width=device-width",initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />

加入user-scalable=no 可禁止用户缩放页面