无忧技术网 - RSS订阅 
无忧技术网

一些对CSS3开发人员非常有用的工具


作者:[佚名] - 发布:2010-8-22 8:16:46 - 来源:博客园

一般而言,CSS是非常简单的。但是当浏览器开发商开始遵循CSS3特性,事情就变得有点复杂了。不困难,但是复杂。这主要有两个原因:第一,所有CSS3新特性(如 transition、gradient、transform 等)都不简单;第二,我们不得不使用开发商特定的扩展。

在您建设自己的CSS3的开发环境前,你最好的朋友还是CSS3生成器、开发手册、参考指南以及一些基于JavaScript的解决方案,这正好是这篇文章所要讲述的。这篇文章将列出一些真正有用的工具,它们能帮助你在当下学习和应用CSS3。

这里是我们列出的对CSS3开发者有用的工具:

生成器

JavaScript 解决方案

  • Modernizr
    一个真正有用的JavaScript库,发掘HTML5/CSS3与生俱来的特性,提供给你一个高级的支配你的网站的方法而不用顾及浏览器的(兼容)能力。如果你更喜欢 MooTools,那你可以选用 MooModernizr (MooTools 版本的 Modernizr)。
  • CSS3 pseudo-class Selector Emulation
    ie-css3.js 允许 Internet Explorer 鉴定 CSS3 伪类选择器并渲染被它们定义的样式规则。简单的在你的页面上包含script,开始在你的样式表中使用这些选择器,而这些样式表将会工作在IE下。
  • CSS3 support for Internet Explorer 6, 7, and 8
    IE-CSS3 是一个 script,提供数个在即将来临的CSS3标准中流行的新样式特性对 Internet Explorer 的支持。
  • Sizzle – JavaScript Selector Library
    一个纯粹的 JavaScript CSS 选择器引擎,这个设计为的是能方便的拖拽到一个主机库内。Sizzle 支持几乎所有的 CSS3 选择器——甚至包括一些不常用的应用,比如“escaped selectors (‘.foo+bar’)、Unicode 编码选择器和文档命令结果反馈。
  • YUI Selector Utility
    提供紧凑高效的收集、过滤和测试HTML元素的方法。
  • ie7-js
    一个 JavaScript 库,让微软IE像一个标准的浏览器。

参考文件

  • When Can I Use
    CSS3、HTML5、SVG 和其他即将问世的网页技术特性兼容性列表。
  • Browser Support Checklist
    使用 Modernizr 库来判断高级特性在浏览器下的支持力度,包括CSS3特性和选择器的。
  • CSS3 Selectors Test
    自动的运行大量的小测试供你判断浏览器是否支持数个CSS选择器。
  • SelectORacle
    解释CSS2和CSS3选择器的在线工具。简单的提供一些选择器介绍和它反馈选择器的对比描述。
  • CSS3 Cheat Sheet & Quick Reference Guide
    提供最新的CSS3说明列表、属性可用值列表、常用选择器模式列表、类型/模块组织、选择其类型参考和单元参考及信息(PDF Version)。
  • CSS3 Pseudo Classes
    SitePoint 的 CSS 参考中的一个章节。
  • CSS3 Cheat Sheet
    PDF格式的CSS3 属性的列表,列出了选择器类型和允许使用的值。
  • CSS3 Color Names
    按照字母顺序排列的147个色彩名称和对应值的列表。
责任编辑:liqwei
打印本页】【关闭本页】【返回列表
·上一篇:CSS网页布局开发小技巧汇总
·下一篇:网页设计技巧-对比、链接、按钮、空白、颜色
 文章评分
  • current rating
-5 -4 -3 -2 -1 0 +1 +2 +3 +4 +5
 相关文章
·[会展培训]在线研讨会:借助 Oracle SOA套件11g加速开发 (2011-08-19)
·[互联网]SNS内容分享工具网站汇总 (2011-08-16)
·[运维管理]十个免费的Web压力测试工具 (2010-10-03)
·[JS/CSS/HTML]CSS网页布局开发小技巧汇总 (2010-08-22)
·[JS/CSS/HTML]几款CSS在线工具推荐 (2010-08-21)
 相关评论
 站点最新文章 更多>> 
·[经典影音]弱点
·[经典影音]萨利机长
·[经典影音]天空之眼
·[管理知识]康奈尔笔记法,提高100%学习效率
·[管理知识]刘强东:我管75000人靠这4张表格
·[管理知识]跟壳牌学HSE管理
·[运营策划]编辑工作内容整理
·[至理名言]奋斗与决定
·[瀚海拾遗]盲人打灯笼之各家论道
·[搞笑段子]中国男足
 站点浏览最多 更多>> 
·[协议规范]http断点续传原理:http头 Range、…
·[JS/CSS/HTML]HTML 空格的表示符号 nbsp / en…
·[NoSQL]Mongo数据库简介
·[协议规范]什么是SPF记录?如何设置、检测SP…
·[协议规范]图解 HTTPS 通信过程
·[PHP]精选国外免费PHP空间推荐
·[程序综合]常用IP地址查询接口
·[程序综合]什么是 DNS Prefetch ?
·[程序综合]获取客户端IP地址的三个HTTP请求…
·[Linux]/usr 目录的由来