Archive for the '网络技术-CSS' 类别

20

1 IE和FF的很多默认设置不同,导致外观有所差别,比如margin、padding、line-height
解决:给body设定margin和padding都是0px。文本需要设置line-height和height为相同的值

2 IE6不支持first-child伪类
解决:
1 用expression,会多次执行,效率低
2 用JS为首个元素附加一个类
JQuery的addClass不错。经老外测试,1000个tag跑一遍延迟不到0.3秒,可以接受。写法为:

<--[if ie 6]-->

<--[endif]-->

3 IE需要考虑的版本太多
解决:要考虑ie6、ie7、ie8,实在头痛。为了减少工作量,可以把忽略掉IE8,即在IE8中显示效果和IE7一样。只要在网页的head里加入:


20

在给li设定CSS,让li和li之间有个分割时,分割数要比li数少一个。比如有3个li,则只需要2个分割。如果li是有后台程序,比如Joomla生成的,每个li都没有独立的id或者class,那么你无法对让第一个或者最后的li不带分隔符。这时候CSS的first-child、last-child就可以发挥作用了。
.moduletablesubmenu li:first-child{ background:none; }
值得注意的是last-child在ie7和ie8中并不支持(再次鄙视微软~~),还好first-child在IE, Firefox, Chrome中均支持,万幸啊。

19

发现一个很酷,很有参考价值的CSS演示站点:
http://www.csszengarden.com 

通过点击页面右侧的View All Designs 可以切换到各种不同的CSS样式文件。同样的内容,完全不同的排版和风格,绝对可以让你感受到CSS的强大魅力。

很早就接触CSS,最早是在Dreamweaver里借助CSS来控制字号,让文字有固定的大小。由于它对格式的强大控制能力,和方便重用的特点,对它钟爱有加。但一直没有用DIV+CSS来排版过。

我的http://www.votefun.cn 的后台开发遇到些困难,需要等Oli把pollxt 1.3弄出来再说了。所以这几天转向研究Joomla模板。以前见过用Table来排版的,但我看http://www.Joomla.org 官方的教程建议用DIV+CSS来制作模板,所以决定用DIV+CSS来排版。看了上面的那个网站,对CSS更感兴趣了!