|
CSS5
一、元素的显示和隐藏
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来撑开盒子即可
| 
