这个标题其实已经是一个老生常谈的问题了。很多时候，比如网站最基本的文章列表，标题会很长，而显示列表的区域宽度却没有这么宽，这时候最正常的做法就是让超出宽度的部分文字用省略号(…)来表示。通常做法是网站后台程序截取一定的字符然后输出到前台显示或者前台用javascript截取一定的字符，但是通过控制字数来截取的话还是存在一个大问题的，因为中文和英文的字符宽度问题，这个字数不好控制，而且通用性较差。那么有没有更好的方法呢，比如直接用CSS来解决的，当然是有的。
Continue reading…

由Dustin Diaz推动的CSS NAKED DAY今年没有按时举行，在其网站上也没有贴出任何的今年的时间，但是推动Web标准发展应该是每位业界人士的一份责任，因此世界各地的人都延续传统，和去年一样是4月9日，大家都纷纷脱去了自己网站的衣服(CSS)，裸奔。

具体细节大家可以查看我去年的文章《拥抱 CSS 裸奔节，用 JavaScript 强制脱衣》。当然方法有很多，你想怎么裸就怎么裸。

祝大家裸奔愉快！羞。

如果你在疑惑为什么标题后面是个问号，因为我也不确定具体这个box-shadow属性是否消失后就不再回来了。发生了什么事？其实就是最近在看W3C关于css3的20091217文档的时候发现box-shadow属性已经没有任何说明了，只留下这么一段话：

This module previously defined a ‘box-shadow’ property. This feature has been removed from this module for further discussion, and should reappear in another CSS module (or a later version of this module) in the near future.
以前这个模块定义了一个‘box-shadow’属性。这个特性目前已从这个模块中移除以做进一步的讨论，并将会出现在别的 CSS 模块中(或者更高版本的此模块)在不久的将来。

你知道，在css3中box-shadow是一个非常好玩的属性，被用得最广泛的地方莫过于:focus后的input或者textarea，诸如本站的input和留言区域的textarea，你会发现在:focus的状态时是加了box-shadow属性的。如图：
未激活状态的textarea

激活状态的textarea

Continue reading…

CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

对于CSS 3.0，它对于我们Web设计人员来说不只是新奇的技术，更重要的是这些全新概念的Web应用给我们的设计开发提高了效率以及更多的无限可能性，我们将不必再依赖图片或者 Javascript 去完成圆角、块/文字阴影、渐变、透明度等提高Web设计质量的特色应用。

该手册由 Tencent 的 ISD Webteam 团队制作，因为 CSS3 还是草案，中文资料少之又少，基本上都是一篇内容转来转去，而该手册从基础语法到示例制作，都是根据 W3C 工作草案进行翻译，并结合 ISD Webteam 的沉淀制作示例。
Continue reading…

CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack，但是我今天发布的你可能并不都很了解，因为这些都是只针对单独一个浏览器的 CSS Hack。
Continue reading…

很早就有人 Twitter 说今天是 CSS 裸奔节，于是…

CSS Naked Day 的来历

CSS Naked Day，也称 CSS 裸奔节或 CSS 裸奔日。

在裸奔节这天，参加裸奔节的Blog 将会去除页面上所有的 CSS 样式和广告裸奔整整一天,通过这个节日来重视 CSS 的重要性.当然你的网站如果是用 table 来布局的话这个节日对你来说并不是很合适.在2006年有将近800个国际知名网站参与这个节日.而今年CSS Naked Day将由之前的24小时改为48小时!
Continue reading…