css css_tips撰写的日志

css layout 设计中的除错小技巧

在css-p layout设计阶段,为了检验区块是否正确定位,我们一般会临时给区块div设定类似:

 border: 1px solid red和backgroud-color:#193071;

这样的的属性。这样的技巧能够让你一目了然的发现layout定位上存在的问题。在发布阶段或者不需要的时候,把border width设定为0px即可.

btw:什么是CSS-P: css-p即为Table-Less Layouts或者positioning attributes of CSS。随便你怎么叫,反正就是无表格定位的CSS技术拉。在术语满天飞的年代,又多了一个P……boooooo….

用纯css实现rollover效果的导航

本文档改编自http://www.meyerweb.com/eric/css/edge/popups/demo.html .原文较长。我简化了一下,并且把rollover img的效果合并在一个文档中。只用来说明用纯css实现rollover的效果(见左侧的导航条)。原文是用了popups的字眼。我所理解的popup一般表示弹出框,跟此处的效果不符,故改成rollover来表述。
btw:这种实现的方法其实用在很多地方。

演示页面