翻译整理：西米CC
几个月前，我的一个电子商务客户要求在他的网站上实现商品的图片和描述响应鼠标经过切换的效果。在CSS里这个效果做起来并不是很难，在示例页面中大家可以看到大致的效果，基本都是纯XHTML和CSS实现的，只是在对IE6的兼容上需要额外做一点点工作。
>>> 浏览本教程效果示例页面
Markup – XHML代码
为了达到效果，每个产品的信息必须划分为两块，[......]
{ 0 comments }
Posts tagged as:
一花一世界
原文地址：The problem with using multiple CSS files for layout
翻译整理：西米CC
在A List Apart读到一篇文章Progressive Enhancements with CSS，主要讲述把一个网站的样式表分成若干文件的好处，比如把布局和定位的样式定义放在layout.CSS里，把图像和颜色相关的样式放在colors.CSS里等等。乍看起来似乎很有道理，因为这种做法可以[......]
{ 0 comments }
网络上有很多关于利用CSS实现相册图片展示效果的教程，有一些只是单纯的鼠标经过放大，而本例所讲解的是缩略图和大图结合的方式，个人认为如果理解了其中的原理，能够做出很多灵活丰富的效果，并且不仅仅局限于图片。当然这里所谓的纯CSS并不是最终目的，如果借助CSS之外的一些语言可以实现更新奇的效果，在这里只是想让一些刚学习CSS的朋友能够对CSS有个更深的认识，合理的利用一些CSS属性可以实现我们很多的创意和思想。
{ 0 comments }
大家在编写CSS的时候可能认为记事本并不是最棒的，有什么CSS编辑工具可以提高我们编码的效率呢？
TopStyle是我一直用的CSS编辑工具，最开始就是瞎用也没有仔细研究过，不过后来把里面的功能仔细看了看发现它的功能真是太强大了！在这里分享一下使用经验，我在编辑CSS时常用的快捷键：
文字注释：Shift+Ctrl+M
向右缩进：Shift+Ctrl+.
向左缩进：Shift+Ctrl+,
下一个CSS：Ctrl+[......]
{ 0 comments }
原文来自：Two CSS Vertical Menu With Show/Hide Effects
翻译整理：西米CC
网页设计中如何结合CSS菜单与Web2.0过渡效果是一个非常热门的话题，在本文中将阐述两则关于这方面的设计方法。其中一个比较简单，只是单纯的显示/隐藏效果，通过CSS和一些简单的JS实现；另外一个菜单的收缩和展开带有过渡效果，需要借助mootool来辅助实现：
在提供下载的源码中，包含了本例用到的mootool[......]
{ 0 comments }
