我的CSS心得(1) (2)

2005-12-15 15:15:11

[b] 在超链接上加图标[/b] 以前在不懂用CSS的时候,在超链接上加图标,往往得到的效果都不是很如意。其实CSS可以帮助我们实现很多超链接样式,这样不仅避免了使用Javascript的麻烦,也加快了运行速度。   举个例子,大家可以看到 PL-Blog2的模版 中有个更多的链接样式,在前面的图标就是用 CSS定义的。鼠标移动到上面的时候图片的切换也是用CSS控制的。它的样式如下 程序代码 .more:link,.more:visited{font-weight:bold;background:url(bullet-arrow.gif) no-repeat 0px 0px;padding-left:18px;margin:5px;text-decoration:none;} .more:hover{background:url(bullet-arrow.gif) no-repeat 0px -15px;} [b] 关于长度自适应[/b] 嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案 <div id="parent"> <div id="content"> </div> </div> 当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案 <div id="parent"> <div id="content"></div> <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div><!--here--> </div> 在层的最下方产生一个高度为1的空格,可解除这个问题