默认设置
list-style none；
margin ：0；
padding ： 0；
1. 格式化所有标签
将标签的间距重置为0
body p h1 h2 h3 h4 h5 h6 ul dl dt form input {
margin : 0 ;
padding : 0 ;
}
ul{
list-style ：none;
}
a{
text-decoration : none ;
}
em{
font-style : normal ;
}
img{
border : 0px ;
}
cursor 鼠标样式
属性
1. pointer 小手
2. text 文本 样式
3. move 十字架移动样式
4. default 默认的小箭头样式
outline 轮廓线
在表单的输入框 那个框是轮廓线
outline ： none ； 取消轮廓线
resize ： none 文本框防止拖拽
vertical-align 垂直对齐
针对行内元素和行内块元素
块元素本身是没有行高
vertical-align : center 垂直居中
top 顶部对齐
baseline 基线对线
bottom 底部对齐
图片的vertical-align 属性默认baseline
图片和基线对齐 会让图片底部有几个空白
行内元素有行高会导致有空白
有两个处理方法
1. 对齐方式 vertical-align 属性为bottom ....
2. 把图片转化为块
white-space 设置和检索文本的显示方式
属性
white-space ：nowrap ： 超出元素 强制一行显示所有文本
overflow ：hidden 超出隐藏 就会显示一半 ...
text-overflow ： elipsis 超出部分会显示省略号
做这个效果 三个都要写
1. 强制一行显示所有文本
2. 超出隐藏
3. 超出部分显示省略号
精灵图
为了减轻服务器的压力 减少请求次数
把很多图片 做成一张大图 使用时只需要请求一次 就可以了
做背景的时候使用 产品不这么用
backgroud-position 定位
缺点 改一次非常费劲
滑动门 a 里面 包 span