定位,锚点,宽高自适应

定位

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值