以下CSS Hack适用于Google Chrome及Safari3.1浏览器，经过下面的代码定义，只有Google Chrome及Safari3.1浏览器中的段落文字才会显示为红色，因为：

1.网页仅仅有一个bady元素

2.仅仅这两个浏览器支持伪类nth-of-type()

3.body:nth-of-type(1) 将匹配唯一的那个body元素.

body:nth-of-type(1) p {
        color: #333333;
} 

关于Chrome对CSS的支持情况，请看这里

　　确切的讲它应该是最好的之一，因为还有一个浏览器也同样支持CSS选择器相当全面，那就是Apple的Safari3.1。虽然Google Chrome才发布三天，而且评价褒贬不一，但是他的技术、内核以及现在谈论的CSS支持确实是其他浏览器所无法比拟的，至少它的速度还没有多少人质疑过！

　　Google Chrome使用的是safari正在使用的引擎AppleWebKit，版本是525.13，而Safari3.1使用的是最新的版本525.18，具体有什么差别我也不太清楚。至少它们都支持CSS3选择器。

　　下面是 Engage 公司的前端开发工程师Estelle 测试整理的Google Chrome对CSS选择器的支持情况，并与其它浏览器进行了对比：

本文未完，点这儿看完整内容 » »

FF3出来有一段时间了，本站对此版本的FF也发布了几篇相关文章。针对FF3的CSS HACK好不容易找到。
MOZILLA 已经对FF所有 3.0一下版本实行了 更新3.0的推送。

大部分都是3.0了，以前的HACK又失效了。

下面的代码是最新的FF3的HACK。只有 FF3支持。呵呵

#hack, x:-moz-any-link, x:default {
/* Firefox 3 style here */
}

本文未完，点这儿看完整内容 » »

CSS命名规范

一．文件命名规范

全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；

二．常用类/ID命名规范

页　眉：header
内　容：content
容　器：container
页　脚：footer
版　权：copyright　
导　航：menu
主导航：mainMenu
子导航：subMenu
标　志：logo
标　语：banner
标　题：title
侧边栏：sidebar
图　标：Icon
注　释：note
搜　索：search
按　钮：btn
登　录：login
链　接：link
信息框：manage
……

本文未完，点这儿看完整内容 » »

CSS兼容性问题一直被大家关注，而调试环境成为很多CSSer头疼的问题。如何在一台电脑中实现多个浏览器版本共存呢。

而今天向大家介绍一款新的工具IETester。这款工作个头不大，但是功能不小。它能模拟实现在IE5.5、IE6、IE7、 IE8.0环境下页面显示效果。包括HTML、CSS和JS的呈现。IETester支持XP和Vista系统，不过系统需要安装有IE7以上版本。

本文未完，点这儿看完整内容 » »

　　CSS兼容问题一直困扰着CSSer，面对各浏览器，往往感觉束手无策，愁眉不展。CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法，在各浏览器厂商解析CSS没有达成一致前，我们只能用这样的方法来完成这样的任务。
　　
　　我进行前端开发的时候，测试用的浏览器大致有: IE7、IE6、Opera9（文章撰写时版本为9.25 8825），Safari3（文章撰写时版本为3.0.4 523.15），Firefox2（文章撰写时版本为2.0.0.11）等。
　　
　　在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一。

本文未完，点这儿看完整内容 » »

　　利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准的、有语意的HTML页面 CSS 样式表控制。

　　例如，Menu、TreeView等控件均将输出< table>标签，而基于Web标准中的“有语意的”这一条，显然应该选择<ul>标签。
　　而使用CSS Friendly Control Adapters 会将其转为使用嵌套的<ul>标签渲染，这被称为纯CSS menu(http://www.meyerweb.com/eric/css/edge/menus/demo.html).
　　而对于以前不支持CSS的旧式浏览器，可以通过在配置文件中设定不同版本的浏览器使用不同的 Control Adapters来解决！这样对于PocketPC也能通过提供不同的Control Adapters来获得支持！

本文未完，点这儿看完整内容 » »