CSS学习笔记：表格样式，图片样式【7/27】
表格标题位置
语法：caption-side:取值;
默认情况下，表格标题是在表格的顶部，属性为：top，如果想把标题放在底部，属性为：bottom。
如果想要定义表格标题的位置，在table或caption这两个元素的CSS中定义caption-side属性，效果是一样的，一般情况，我们只在table中定义就行。
表格边框合并
语法：border-collapse:取值；
属性值 | 说明 |
|---|---|
separate | 边框分开，有空隙（默认值） |
collapse | 边框合并，无空隙 |
在CSS中，border-collapse属性也是在table元素中定义的。
表格边框间距
语法：boreder-spacing:像素值;
图片对齐
图片水平对齐
在css中使用text-align来实现图片的水平对齐，其属性值跟文本的一样。
图片是在父元素中进行水平对齐，因此我们是在图片的父元素中定义。
img的父元素是div，因此想要实现图片的水平对齐，就应该在div中定义text-align属性。
图片垂直对齐
语法：vertical-align:取值;
属性值 | 说明 |
|---|---|
top | 顶部对齐 |
middle | 中部对齐 |
baseline | 基线对齐 |
bottom | 底部对齐 |
W3C（Web标准制定者）对vertical-align属性的定义是极其复杂的，其中有一项是“vertical-align属性定义周围的行内元素或文本相对于该元素的垂直方式”。
文字环绕
文字环绕即图文混排，这个我们经常会用到。
语法：float:取值;
属性值 | 说明 |
|---|---|
left | 元素向左浮动 |
right | 元素向右浮动 |
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动，定义之后，浮动元素会生成一个块级框(inline-block)，而不论它本身是何种元素。
假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。