css的显示

显示方式

　　作用：决定了元素页面中的如何摆放定位

　　属性：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表示透明色