摘要: 一种网页图片应用处理方式优点:加速加载和减少http请求自己的话说就是把你需要当背景的图放在一张透明底的图片上。自己要知道每个子图相对于整张图左上角的位置。x轴正向向右(+),y轴负向向下(-)知道了黄色图片相对于整幅图片的位置,可用下面语句来实现设置:background:url(图片的位置) no-repeat 100px -50px;有个叫css sprite 样式生成工具 的东西,是可以把网页中一些背景图片整合到一张图片文件中的工具。 阅读全文
posted @ 2013-07-17 17:19 小女子意 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 1】个人觉得这个说明挺清楚的:浮动元素的定位是基于正常的文档流,然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后,仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。2】元素float后自动转化为块元素3】为所有float元素设定width,除了img元素(有隐藏宽度)4】清理浮动元素三种方法: a) 使用标签清理浮动(参考5】中的clear:both部分) b)在需要清理浮动的元素中定义overflow:auto;zoom:1(兼容ie6); c)在需要清理浮动的元素,例如#layout上定义 #layout:af... 阅读全文
posted @ 2013-07-17 17:08 小女子意 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 样式代码如下:1)如果没有zoom:1那么在ie6中父div不会被子div撑高2)因为子div有了float:left所以在标准浏览器里面父div不会被子div撑高;解决办法就是在子div的同级上再加一个div,并且设置其clear:both#nofloatbox { border: 1px solid #FF0000; background: #CCC; zoom:1; height:auto;} .floatbox { float: left;width: 100px; height: 100px; border: 1px solid #0000FF; background: ... 阅读全文
posted @ 2013-07-17 16:30 小女子意 阅读(557) 评论(0) 推荐(1) 编辑