css知识点（2）

1.显示与隐藏：

1）display:none ; 隐藏元素 原来的位置不保留

display:block; 显示元素

2）visibility:hidden; 隐藏元素 原来的位置保留

3）overflow:hidden;

overflow: visible;

overflow:scroll; 溢出的部分用滚动条显示出来，没有溢出的也显示滚动条

overflow:auto;在需要的时候，添加滚动条

2.鼠标样式

cursor:default; 默认的小白鼠标样式

cursor:pointer:鼠标小手样式

cursor:move; 鼠标移动样式

cursor:text; 鼠标文本样式

cursor:not-allowed; 鼠标禁止样式

3.用户界面样式：

取消表单（输入框、文本域）轮廓: outline:none;

防止拖拽文本域：resize:none;

4.使用vertical-align:middle;实现图片文字居中对齐；vertical-align:bottom;图片文字底部对齐；vertical-align:top;  图片和文字顶部对齐

5.解决图片底部空白缝隙的问题：

        若一个div里面放着一个img，正常情况下img与div下面有个空白缝隙，通常使用vertical-align:bottom;去除空白缝隙。

6.单行文本溢出显示省略号：

1）文本一行显示：white-space:nowrap;

2)   溢出部分隐藏：overflow:hidden;

3）溢出部分用省略号代替：text-overflow:ellipsis;