各浏览器的默认CSS

八 15 2010 Published by zdy under 互联网

各浏览器的默认CSS可以在这里http://www.iecss.com/找到,这几个链接是css88.com的,

  1. IE6(下载)
  2. IE7(下载)
  3. IE8(下载)
  4. IE9(下载)
  5. Firefox 3.6.3(下载)
  6. Webkit (r57042) (下载)
  7. Opera 10.51(下载)

还可以找到更老的一些浏览器默认样式:

No responses yet

优化css代码,减小对系统资源的占用

七 28 2010 Published by zdy under 杂七杂八

  通过优化CSS代码,减小对系统资源的占用。自己整理出几个能减少系统资源占用的CSS写法,要优化网站的页面加载速度,这些注意点不能忽视!

  一、尽量不要使用*通配符。
  这是以前我自己一直忽视的问题,觉得使用通配符很方便,但没考虑的这是很占用系统资源的,因为这通配符就是将CSS中的所有标签都初始化了,不过用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。在52CSS.com中,也对此知识点有所说明。所以尽量不要贪图方便而使用通配符,应该有选择的初始化标签的样式。

  二、尽量不要使用过小的图片做背景平铺。
  原因是,假如用1px * 1px的图片平铺出一个 300px * 300px的区域,就需要300 * 300 = 60000 次,是非常占用资源的。

  三、无边框。
  很多人经常会这样些的:border:0;其实这只是定义了边框的宽度为0,但边框样式、颜色等还是会被浏览器解析的,所以也是占用了不少的资源,尤其是有些没注意上文提到的第一问题,将所有的标签初始化都定义了border:0; 推荐的写法是:border:none;

No responses yet

全面兼容ie6,ie7,ie8,ff的CSS HACK写法

六 29 2010 Published by zdy under 杂七杂八

<style type=”text/css”>
#body {
border:2px solid #00f;     /*ff的属性*/
border:2px solid #090\9;   /* IE6/7/8的属性 */
border:2px solid #F90\0;     /* IE8支持 */
_border:2px solid #f00;     /*IE6的属性*/
}
</style>
<div id=”body”>
<ul>
<li>FF下蓝边</li>
<li>IE6下红边</li>
<li>IE7下绿边</li>
<li>IE8下黄边</li>
</ul>
</div>

全面兼容ie6,ie7,ie8,firfox

No responses yet

100个table样式css,附带下载

五 01 2010 Published by zdy under 杂七杂八

点击左边第一列查预览不同样式

http://icant.co.uk/csstablegallery/index.php

No responses yet

一 07 2010 Published by zdy under 杂七杂八

overflow:hidden

No responses yet

十一 20 2009 Published by zdy under 编程技巧

用css实现图片与文字底边对齐

<img src="bottom.gif" style="margin-bottom:-5px">

No responses yet