显示方式
作用：决定了元素页面中的如何摆放定位
属性：display
display:none; 元素的分类变为空，从而不见，脱离了文档流
控制元素的可见性：visibility:hidden; 隐藏
visibility:visible; 可见的
visibility:collapse;使用在表格元素上，删除一行或者一列，不影响表格整体布局
1 <table border="1" cellpadding="0" cellspacing="0" width="300px" height="300px"> 2 <tr> 3 <td style="visibility: collapse;"></td> 4 <td></td> 5 <td></td> 6 </tr> 7 <tr> 8 <td style="visibility: collapse;"></td> 9 <td></td> 10 <td></td> 11 </tr> 12 <tr> 13 <td style="visibility: collapse;"></td> 14 <td></td> 15 <td></td> 16 </tr> 17 </table>
区别：
display 脱离文档流 ；visibility 不脱离文档流，导致空间依然占据
和显示无关的知识点
透明色
除了border里使用的transparent外，还有opacity表示透明色