一、元素的显示和隐藏
1.display 显示与隐藏
display隐藏元素之后不占有原来的位置，后期经常与js在一起连用
2.visibility 显示与隐藏
使用visibility:hidden;来隐藏元素时，元素仍然占有原来的位置
overflow 溢出显示与隐藏
二、CSS其他技巧
1. 精灵图
1.1为什么要用精灵图
1.2精灵图的使用步骤
2.输入框删除外框
代码 outline:none;
3.文本域取消拖拽
代码 resize:none;
4.鼠标样式
属性及样式
5.对齐方式
vertical-align
CSS三角制作
6.1、设置边框的宽度，样式，颜色设置为透明
6.2、将所需要的边框的颜色设置为所需的颜色即可
7. CSS省略号的制作
7.1 将文字强制一行显示
7.2 将超出盒子的文字给切掉
7.3 将切掉的文字用省略号来代替
8.CSS滑动门制作
8.1 a标签来实现精灵图的左边
8.2 span标签来实现精灵图的右边
8.3 指定padding来撑开盒子即可
|
