css 学习第六天

1. display : none; 让元素消失,不保留位置
     visibility : hidden; 元素隐藏,保留位置
     text-indent:-999px ; 文本缩进999个px

2. overflow : hidden ; 用来处理超出的内容----隐藏 / overflow : scorll ; 添加滚动条,内容没超出,也有滚动条
     overflow : auto ; 超出隐藏 ,没超出就没操作

3. 光标样式: cursor:default; 默认箭头 / cursor : pointer; 点击 / cursor: move; 移动光标 / cursor : text; 文本光标 / cursor :not-allowed; 禁止光标 / cursor : help;帮助 / cursor : wait; 等待

4. textarea{ resize:none; } 清除文本域的右下角的 拖拽 控制宽高的效果 / input : { outline :none ; } 清除高亮效果 -------初始化代码之一

5. vertical-align: middle ; 行内块 与文字的默认对齐位置是: 基线对齐 ,让图片与文字不是基线对齐 / top 顶部对齐 , bottom 底部对齐 , middle 中线对齐 ,baseline 基线对齐
     上边线 中线 基线 下边线 ( 方法二 ：改变成 display：block 块级 )

6. 精灵图技术:把很多图片放在一张图片,利用背景图片和它的位移进行显示

7. white-space: nowrap ; 强制文字一行显示 / text-overflow：clip; 处理溢出的文本 需要配合overflow： hidden; 使用 / text-overflow ：ellipsis; 超出文本变成省略号
     一般使用： white-space:nowrap; text-overflow: ellipsis ; overflow:hidden ;

8. 滑动门效果三个盒子：左边一个 右边一个 中间一个，中间的按钮可大可小

9. 高级滑动门两个盒子：优化成两个盒子，在左边或者右边加一个padding ， 然后放开宽度
     究极滑动门：优化成一个div中包这div ：加一个padding-left：px ;

10. 去阿里下载字体图标,利用i标签存放字体图标, 两种方式: 一: 给i 标签设置iconfont类名 / 二: 给i 标签设置unnicode类名
     <i class="iconfont icon-jian" > </i>
     <i class="iconfont 自己给的类名" >unicode编码 </i>