一、元素的显示和隐藏
1、disable:none/block，display隐藏元素之后不占有原来的位置
2、visibility：visible/hidden ，使用visibility:hidden;来隐藏元素时，元素仍然占有原来的位置
3、overflow 溢出显示与隐藏
overflow: visible; 不剪切内容也不添加滚动条
overflow: visible; 不剪切内容也不添加滚动条
overflow: scroll; 不管盒子里面的内容有没有超过父盒子的高度，都显示滚动条
overflow: auto; 超过盒子的高度显示滚动条，不超出则不显示
二、精灵图
多张小的图片整合到一张大的图片例返回给浏览器，避免重复请求，减轻服务器的压力。
精灵图的使用步骤：
1、获取所需要的小图标大小；
2、设置一个盒子来放我们需要的小图标，尺寸和我们所需的小图标大小一致；3、background-image：url（）；将背景图片引入盒子；
4、利用background-positionlai 来调整背景图片的位置，以显示我们所需要的图标，注意，x和y轴的像素值一般都是负值，最大是0
三、输入框删除外框
outline:none;
四、文本域取消拖拽
代码 resize:none;
五、CSS省略号的制作
1、将文字强制一行显示
2、将超出盒子的文字给切掉
3、将切掉的文字用省略号来代替
六、CSS滑动门制作
1、a标签来实现精灵图的左边
2、span标签来实现精灵图的右边
3、指定padding来撑开盒子即可