css补充

叠放次序：z-index：数字

　　1、z-index 默认属性值是0，取值如越大，定位元素在层叠元素中越居上

　　2、如果取值相同，则根据书写顺序，后来居上

　　3、z-index 后数字不能加单位

　　4、只有相对定位、绝对定位、固定定位有此属性，标准流、浮动、静态定位都无此属性，故不可指定该属性。

显示与隐藏元素的显示与隐藏：让一个元素在页面中消失，但是不在文档源码中删除

1. 1. display 显示 ： 对象是否显示以及如何显示
   • 用display:none 属性来隐藏对象，
   • display:block 属性不仅可以转换为块状元素同时也有显示元素的意思
   • 隐藏后的元素不保留原来的位置
   2. visibility 可见性 ： 设置或检索是否显示对象
   • visibility: visible 对象可视
   • visibility: hidden 对象隐藏
   • 隐藏后元素继续保留原来的位置
   3. overflow 溢出 ：检索或设置当元素内容超出指定宽度或高度时如何管理内容
   • overflow: visible； 不剪切内容也不添加滚动条
   • overflow: auto; 超出自动添加滚动条，不超出不显示滚动条
   • overflow: hidden; 隐藏超出对象尺寸的内容
   • overflow: scrool; 不管内容超出与否，总是显示滚动条

2. overflow: hidden 作用总结

   1. 容器中溢出内容的隐藏

   2. 在父元素中添加，作用消除外边距的合并

   3. 消除浮动带来的影响

3. 鼠标光标样式    ：style = “cursor：default(小白)/ pointer(小手) / text()文本 / move(移动)”

4. overflow属性  多余部分隐藏hidden   产生滚动条（scroll） 溢出产生滚动条 ，不溢出不产生（auto）

5. 多行文本框 去掉拖拽  style = "resize:none";

6. 图片与文字垂直居中 ： vertical-align:middle;

7. work-break: break-all(允许在单词内换行拆分单词)                  keep-all(只允许半角空格和连字符换行)

8. 强制文本在一行显示   white-space: nowrap;

9. 显示省略号   white-space:nowrap  ;  overflow:hidden  ;text-overflow:ellipsis;三个同时使用

　　10、图片在同一行间距问题

　　当几张图片在同一行时，没张图片之间都有间距 对父元素使用font-size：0；解决。