Category Archives: (X)HTML/CSS/XML/XSL

關於(X)HTML/CSS/XML/XSL的一切。

Articles

2011 年 CSS 裸奔节 !

由Dustin Diaz推动的CSS NAKED DAY今年还是没有按时举行,在其网站上也还是没有贴出任何的今年的时间,但是推动Web标准发展应该是每位业界人士的一份责任,因此世界各地的人都延续传统,和去年一样是4月9日,大家都纷纷脱去了自己网站的衣服(CSS),裸奔。 具体细节大家可以查看我去年的文章《拥抱 CSS 裸奔节,用 JavaScript 强制脱衣》。当然方法有很多,你想怎么裸就怎么裸。

Posted in (X)HTML/CSS/XML/XSL | 17 Comments

Articles

书写整洁优雅的CSS3代码

CSS3已经开始被大家广泛的运用到产品中的页面代码中去,CSS3带来的革新式的变化我在这里就不一一细说了。不过因为目前的CSS3还处在草案阶段,所以绝大部分的浏览器(除了opera应该是)都是使用的私有属性的方式来实现对CSS3的支持。比如firefox的-moz-前缀和webkit核心浏览器的-webkit-前缀等。 整洁优雅的代码能提高生产效率,特别是在团队合作中。我想很多人都习惯把css代码写成一行的形式,诸如这样: .main{width:960px;margin:0 auto;} .sidebar{width:233px;float:left;} .sidebar ul li{float:left} 采用这样的一行形式,能让你们整齐的排列相似父辈继承的样式,让他们很简单的能被查找到。当然为了更好的查找到代码,你们可能还需要一个注释。 /* something u want to say ————————————————–*/ .main{width:960px;margin:0 auto;} .sidebar{width:233px;float:left;} .sidebar ul li{float:left}

Posted in (X)HTML/CSS/XML/XSL | 38 Comments

溢出文本显示省略号,关于text-overflow:ellipsis的那些事

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

Posted in (X)HTML/CSS/XML/XSL, JS/Ajax/AS/Flex | 61 Comments

2010 年 CSS 裸奔节 !

由Dustin Diaz推动的CSS NAKED DAY今年没有按时举行,在其网站上也没有贴出任何的今年的时间,但是推动Web标准发展应该是每位业界人士的一份责任,因此世界各地的人都延续传统,和去年一样是4月9日,大家都纷纷脱去了自己网站的衣服(CSS),裸奔。 具体细节大家可以查看我去年的文章《拥抱 CSS 裸奔节,用 JavaScript 强制脱衣》。当然方法有很多,你想怎么裸就怎么裸。 祝大家裸奔愉快!羞。

Posted in (X)HTML/CSS/XML/XSL | 18 Comments

消失的CSS3 box-shadow 属性?

如果你在疑惑为什么标题后面是个问号,因为我也不确定具体这个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 模块中(或者更高版本的此模块)在不久的将来。 … Continue reading

Posted in (X)HTML/CSS/XML/XSL | 12 Comments

CSS 3.0 中文参考手册(CHM版)

CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 对于CSS 3.0,它对于我们Web设计人员来说不只是新奇的技术,更重要的是这些全新概念的Web应用给我们的设计开发提高了效率以及更多的无限可能性,我们将不必再依赖图片或者 Javascript 去完成圆角、块/文字阴影、渐变、透明度等提高Web设计质量的特色应用。 该手册由 Tencent 的 ISD Webteam 团队制作,因为 CSS3 还是草案,中文资料少之又少,基本上都是一篇内容转来转去,而该手册从基础语法到示例制作,都是根据 W3C 工作草案进行翻译,并结合 ISD Webteam 的沉淀制作示例。

Posted in (X)HTML/CSS/XML/XSL, 設計資源 | 23 Comments

Page 1 of 3123