码迷,mamicode.com
首页 > 其他好文 > 详细

定位与小图标的显示

时间:2015-06-01 18:25:54      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

css中的div块、文字、图片、标签都可以用定位来固定它的位置,非常方便,而且完全能达到预期的效果,父标签相对定位确定其位置,以后各个子标签都用绝对定位定位,然后用ps量一下标签的确定位置,然后设置top、left或right属性来进行准确确定它的位置,字标签是根据有定位属性的父级进行定位的,如果直接父级没有定位,则依次向上进行寻找,找到有定为属性的父级,就以它为标准进行绝对定位。

网页中有许多小图标,如果每一个都用一张图片 进行显示,会多次请求服务器,早成反应慢,加载慢的情况,这种情况可以将很多小图片或小体积背景放在一张图片上,加载时只用请求服务器一次,就可以解决,这样用css进行显示,就非常的快,图像显示时就显示需要的一小部分,然后设置图像的位置进行显示,代码模板:background:url(图片位置) 平铺方式

top left ;top  left值是确定所需要小图在大图中的位置,平铺方式一般设置为no-repeat;当设置一串背景是可以用repeatx在x轴进行平铺可以显示一长串,这可以在导航条设置北京时使用,可以在一张大图上方导航条的一部分,x轴平铺就可以达到预期的效果。

定位与小图标的显示

标签:

原文地址:http://www.cnblogs.com/lzzhuany/p/4544153.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!