摘要: 在进行浮动布局时,大多数人都深知,在必要的地方进行浮动清理:<div style=”clear:both;”></div>。例如:<div style=”background:#666;”> <div style=”float:left; width:30%; height:40px;backgr... 阅读全文
posted @ 2009-04-14 21:05 朝夕 阅读(339) 评论(0) 推荐(0) 编辑
摘要: ul li { float:left; margin:0 12px 12px 0; display:inline;}display:inline的意思是基线显示可以消除IE6和IE7下的浮动BUGdisplay:inline 可以消除IE6双倍边距的BUG。 阅读全文
posted @ 2009-04-14 20:56 朝夕 阅读(1346) 评论(2) 推荐(1) 编辑
摘要: 网页打开与浏览速度受着多方面因素的影响,客户网速是一个方面,另外网站开发的编码方式也将对用户的电脑产生负担,在之前的文章中提过这方面的内容。这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分。  一、*{} #page *{} 尽量避开  由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有... 阅读全文
posted @ 2009-04-14 20:53 朝夕 阅读(469) 评论(0) 推荐(0) 编辑
摘要: 应用clip属性需要注意的两点:  一、clip属性必须和定位属性postion一起使用才能生效。  二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右边距和下边距是从最右边和最下边开始计算的。clip属性设置元素的形状。这个属性用于定义一个剪裁矩形。在这个矩形内的内容才可见,出了这个剪裁区域的内容和 overflow:hi... 阅读全文
posted @ 2009-04-14 20:43 朝夕 阅读(518) 评论(0) 推荐(0) 编辑
摘要: 外部引用CSS中 link与@import的区别 外部引用CSS分为两种方式link和@import。本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。 差别1: link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。 差别2: 加载顺... 阅读全文
posted @ 2009-04-14 16:05 朝夕 阅读(492) 评论(0) 推荐(0) 编辑