定位
position:定义元素布局所用的定位
static:没有定位,默认
absolute:绝对定位
relative:相对于原始位置
fixed:相对于浏览器窗口
z-index:检索设置对象的层叠顺序(大盖小,仅作用于position属性为relative和absolute)
left(左移负右移正) top(下移正,上移负)
锚点连接 :页面内跳转(回到顶部)
设置锚点链接方法:
1.给元素定义命名锚点名
<标记 id="命名锚记名"></标记>
2.命名锚记连接
<a href="#命名锚记名称"></a>
<h1 id="p1">位置1</h1>
<div class="box1"></div>
<h1 id="p2">位置2</h1>
<div class="box2"></div>
<a href="#p1">跳转到位置1</a>
<a href="#p2">跳转到位置2</a>
图片整合(精灵图)
减少对服务器请求次数,提高页面加载速度,减少图片体积
(左上负,右下正)
宽高自适应
元素具备最小高度的自适应
min-height属性:维持最小高度,自动延伸
IE6写法:
1.min-height:value;_height:value;
2.min-height:value;height:auto!important;height:value;
max-height最大高度
min-width
max-width