发表于： 2018-09-17 23:29:55
1 822
今天完成的事情：写任务八九的第三个页面了。讲了一下关于position的小课堂
明天计划的事情：明天打算写完任务八九的三个页面。然后修改一下细节样式。
遇到的问题：第三个页面 触碰名片时候有个介绍。我用hover 好像没实现。有时候不知道该从哪里下手 。
收获：
CSS Table 属性
| 属性 | 描述 |
|---|---|
| border-collapse | 设置是否把表格边框合并为单一的边框。 |
| border-spacing | 设置分隔单元格边框的距离。 |
| caption-side | 设置表格标题的位置。 |
| empty-cells | 设置是否显示表格中的空单元格。 |
| table-layout | 设置显示单元、行和列的算法。 |
表格的对齐方式
表格的对齐方式用来控制表格在网页中的显示位置，常见的对齐方式有默认对齐、左对齐、居中对齐和右对齐。而实现表格对齐的属性就是align属性，align属性有3个值，分别对应左对齐、居中对齐、右对齐，当省略该属性时，系统自动采用默认对齐方式。
（1）默认对齐：表格一经创建，便显示为默认对齐。默认对齐状态下表格以实际尺寸显示在左侧，如果旁边有内容，这些内容会显示在表格的下方，不会在表格的两侧进行排列
（2）居中对齐。有时候，希望表格显示在页面的中间位置，这样会使页面显得对称，浏览效果较好，这时候就需要对表格设置居中对齐。
（3）左对齐、右对齐。如果对表格设置左对齐或者右对齐，表格会显示在页面的左侧或者右侧，其他内容会自动排列在表格旁边的空白位置。表格的左对齐和右对齐在网页应用中相对比较少，一般用于显示广告。
（4）单元格对齐。除了表格可以设置对齐方式外，单元格也同样可以设置对齐方式，单元格对齐则分为水平对齐和垂直对齐两个方向。
属性 | 值 | 说明 |
| left | 左对齐 |
aligin（水平对齐） | center | 居中对齐 |
| right | 右对齐 |
|
|
|
| top | 顶端对齐 |
valign（垂直对齐） | middle | 居中对齐 |
| bottom | 低端对齐 |
| baseline | 基线对齐 |
返回列表
评论