前端笔记十二，表格、列表相关属性及media query
表格相关属性
border-collapse:设置表格里行和单元格边框的显示方式，可选值：
separate:边框分开，使得单元格的分割线为双线
collapse:边框合并，使得单元格的分割线为单线
border-spacing:当border-collapse为separate时，设置两个单元格边框之间的间距
caption-side:设置表格标题位于表格哪一边，该属性必须和<caption/>元素一起使用，可选值：
top.bottom,left,right分别代表将表格标题位于表格的上、下、左、右四个位置
empty-cells:控制单元格内没有内容时，是否显示单元格边框。当border-collapse设置为separate时有效，可选值show,hide
table-layout:设置表格宽度布局的方法，可选值
auto:默认值，即为平时所常见的
fixed:使用固定的布局方式
caption-side取值在实际操作中，只实现了top,bottom两值
列表相关属性
list-style:复合属性，可以指定list-style-image,list-style-position,list-style-type三个属性
list-style-image:指定作为聊表标记的图片
list-style-position:指定标记出现的位置，可选值outside和inside分别表示标记放在列表元素之外和之内
list-style-type:指定标记的样式，可选值
decimal:阿拉伯数字，默认值
disc:实心圆
circle:空心圆
square:实心方块
lower-roman:小写阿拉伯数字
upper-roman:大写阿拉伯数字
lower-alpha:小写英文字母
upper-alpha:大写英文字母
none:不适用项目符号
cjk-ideographic:浅白的表意数字
georgian:传统的乔治数字
lower-greek:基本的希腊小写字母
hebrew:传统的希伯来数字
hiragana:日文平假名字符
hirahana-iroha:日文平假名序号
katakana:日文片假名字符
katakana-iroha:日文片假名序号
lower-latin:小写拉丁字母
upper-latin:大写拉丁字母
控制光标的属性
cursor属性值可以改变光标在目标组件上的形状，支持的属性值
all-scroll:十字箭头光标
col-resize:水平拖动线光标
crosshair:十字线光标
move:移动十字箭头光标
help:带问号的箭头光标
no-drop:禁止光标
not-allowed:禁止光标
pointer:手形光标
progress:带沙漏的箭头光标
row-resize:垂直拖动线光标
text:文本编辑光标，通常是I字光标
vertical-text:垂直文本编辑光标，I字光标旋转90度
wait:沙漏光标
*-resize:各方向上拖动的光标，*可以是n,s,w,e分别代表上，下，左，右，或是两个的组合如nw
表示上左等
media query功能,可以根据设备显示器的大小，分辨率来进行调整
语法格式：
@media not|only 设备类型 [and 设备特性]*
其中 [and 设备特性]可以出现多次，
设备类型可选项：
all:适用于所有设备类型
aural:语音和音频合成器
braille:触觉反馈设备
embossed:凸点字符(盲文)印刷设备
handheld:小型或者手提设备
print:适用于打印机
projection:投影图像
screen:适应于计算机显示器
tty:适应于使用固定间距字符格的设备，如电传打字机和终端
tv:电视类设备
设备特性可选项：
width:匹配浏览器窗口的宽度
height:匹配浏览器窗口的高度
aspect-ratio:宽度与高度的比率
device-height:设备分辨率的高度值
device-width:设备分辨率的宽度值
device-aspect-ratio:分辨率的宽度与高度的比率
color:匹配设备适应多少位的色深
color-index:匹配色彩表中的颜色数
monochrome:匹配单色帧缓冲器中每像素的位数
resolution:匹配设备的物理分辨率
scan:匹配设备的扫描方式，取值:progressive,interlace分别代表逐行扫描和隔行扫描
grid:匹配设备是否基于栅格，取值:1，0分别代表基于栅格和基于其他方式