CSS3 开发工具收集


Posted in HTML / CSS onApril 17, 2010

通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。

CSS3 开发工具收集

直到你最喜欢用的IDE原生支持CSS3,你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的,这里将收集能够助你学习和使用CSS3的真正有用的工具。

生成器

  • CSS3 Please!跨浏览器的CSS规则生成器,支持:border-radius、box-shadow、渐变(线性)、rgba色彩、transform (旋转)、transition和@font-face。
  • CSS3 生成器支持border radius、box shadow、text shadow、RGBA、@font-face、多列、box resize、box sizing 和outline.
  • CSS3 Sandbox有一些列的CSS3生成器:线性渐变放射渐变文字阴影盒阴影Transforms文字描边
  • @font-face生成器来自于Font Squirrel的很好用的CSS3 @font-face 生成器。
  • CSS3渐变生成器为Firefox和Webkit浏览器生成线性渐变。
  • CSS 圆角生成用于Firefox、Webkit和标准CSS3语法的“border-radius”属性。
  • Webkit CSS3 生成器简单的助你理解Webkit引入的CSS3特性。
  • CSS3 学习工具动态为你的浏览器获取私有前缀并检测该属性是否被它支持。

JavaScript方案

  • Modernizr一个确实很有用的JavaScript库,可以检测HTML5/CSS3的原生支持,并为你提供一种维护良好控制级别的方法,不管浏览器的能力。如果你更喜欢使用MooTools,你可以使用MooModernizr (MooTools 版本的Modernizr)
  • Sizzle – JavaScript 选择器库一个纯Javascript选择器引擎,被设计用来方便的插入到一个主库中。Sizzle 实际上支持所有的CSS3 选择器——它甚至包括一些很不常用的选择器,比如忽略选择器(escaped selectors )(”.foo\\+bar”)、Unicode 选择器、以及在document序列中返回的结果。这也是jQuery使用的选择器引擎。
  • YUI 选择器组件YUI CSS3 选择器组件,提供一个收集、过滤和测试HTML元素的稳定的简写方法。
  • ie7-js一个让IE拥有兼容标准的浏览器一样的行为的JavaScript库。
  • CSS3伪类选择器模拟ie-css3.js 可使Internet Explorer识别CSS3 伪类选择器并渲染任何使用它们定义的样式规则。简单滴在你的页面中引入这个脚本,然后在你的样式表中使用这些伪类选择器,然后IE就可以使用了。

参考指南

  • CSS 3.0参考手册  打包下载地址 
    腾讯ISD WebTeam制作的一个CHM格式的参考手册,很全面,介绍+实例,推荐下载收藏;
  • 我什么时候能用CSS3CSS3、HTML5、SVG以及其它即将可用的页面技术的浏览器兼容性列表;
  • 浏览器支持清单使用Modernizr库检测你的浏览器支持的“高级”特性,包括CSS3特性和选择器的支持。
  • CSS3选择器测试自动运行大量的判断你的浏览器是否支持一些CSS选择器的小测试;
  • SelectORacle一个提供CSS2和CSS3选择器介绍的在线工具。简单的给它一些选择器,他就会返回选择器匹配的相关说明。
  • CSS3手册与快速指南提供当前CSS3规范的列表,列出属性可用的值、常用的选择器模式参考,以type/单位组织,选择器类型参考和单位参考和信息(另有PDF 版本);
  • CSS3伪类SitePoint的CSS参考的相关部分内容;
  • CSS3 速查手册CSS3属性、选择器类型以及可用的值的列表,PDF格式;

CSS3色彩名称

提供所有147种色彩的名字以及按照字母排序的值。

    如有更多有用的工具,欢迎通过评论分享。

    HTML / CSS 相关文章推荐
    CSS3中:nth-child和:nth-of-type的区别深入理解
    Mar 10 HTML / CSS
    CSS3 transform的skew属性值图文详解
    Jul 21 HTML / CSS
    利用 CSS3 实现的无缝轮播功能代码
    Sep 25 HTML / CSS
    Html5 Canvas 实现一个“刮刮乐”游戏
    Sep 05 HTML / CSS
    HTML5边玩边学(3)像素和颜色
    Sep 21 HTML / CSS
    HTML5 本地存储和内容按需加载的思路和方法
    Apr 07 HTML / CSS
    HTML5之SVG 2D入门4—笔画与填充
    Jan 30 HTML / CSS
    html5设计原理(推荐收藏)
    May 17 HTML / CSS
    html5使用canvas画三角形
    Dec 15 HTML / CSS
    浅谈amaze-ui中datepicker和datetimepicker注意的几点
    Aug 21 HTML / CSS
    css3实现背景图片颜色修改的多种方式
    Apr 13 HTML / CSS
    HTML基础详解(上)
    Oct 16 HTML / CSS
    收集的7个CSS3代码生成工具
    Apr 17 #HTML / CSS
    各大浏览器 CSS3 和 HTML5 兼容速查表 图文
    Apr 01 #HTML / CSS
    CSS3 please 跨浏览器的CSS3产生器
    Mar 14 #HTML / CSS
    CSS3 简单又实用的5个属性
    Mar 04 #HTML / CSS
    50个强大璀璨的CSS3/JS技术运用实例
    Feb 27 #HTML / CSS
    CSS3 网页下拉菜单代码解释 中文翻译
    Feb 27 #HTML / CSS
    CSS3模块的目前的状况分析
    Feb 24 #HTML / CSS
    You might like
    帝国cms常用标签汇总
    2015/07/06 PHP
    全面了解PHP中的全局变量
    2016/06/17 PHP
    PHP基于自定义函数实现的汉字转拼音功能实例
    2017/09/30 PHP
    PHP操作Redis常用命令的实例详解
    2020/12/23 PHP
    javascript 无提示关闭窗口脚本
    2009/08/17 Javascript
    jquery 之 $().hover(func1, funct2)使用方法
    2012/06/14 Javascript
    js仿百度有啊通栏展示效果实现代码
    2013/05/28 Javascript
    通过复制Table生成word和excel的javascript代码
    2014/01/20 Javascript
    整理Javascript流程控制语句学习笔记
    2015/11/29 Javascript
    关于 jQuery Easyui异步加载tree的问题解析
    2016/12/06 Javascript
    angular ng-click防止重复提交实例
    2017/06/16 Javascript
    详解Node项目部署到云服务器上
    2017/07/12 Javascript
    node.js+captchapng+jsonwebtoken实现登录验证示例
    2017/08/17 Javascript
    利用js编写网页进度条效果
    2017/10/08 Javascript
    vue项目base64字符串转图片的实现代码
    2018/07/13 Javascript
    详解关于React-Router4.0跳转不置顶解决方案
    2019/05/10 Javascript
    Javascript和jquery在selenium的使用过程
    2019/10/31 jQuery
    Node.js 在本地生成日志文件的方法
    2020/02/07 Javascript
    小程序实现点击tab切换左右滑动
    2020/11/16 Javascript
    Python中使用PIPE操作Linux管道
    2015/02/04 Python
    pytorch实现mnist数据集的图像可视化及保存
    2020/01/14 Python
    python中count函数简单的实例讲解
    2020/02/06 Python
    TensorFLow 数学运算的示例代码
    2020/04/21 Python
    Scrapy中如何向Spider传入参数的方法实现
    2020/09/28 Python
    详解python中的三种命令行模块(sys.argv,argparse,click)
    2020/12/15 Python
    京东全球售:直邮香港,澳门,台湾,美国,澳大利亚等地区
    2017/09/24 全球购物
    豪华复古化妆:Besame Cosmetics
    2019/09/06 全球购物
    澳大利亚美容产品及化妆品在线:Activeskin
    2020/06/03 全球购物
    利用异或运算实现两个无符号数的加法运算
    2013/12/20 面试题
    师范生实习自我鉴定
    2013/11/01 职场文书
    大学生就业推荐信范文
    2013/11/29 职场文书
    精神文明建设先进个人事迹材料
    2014/12/24 职场文书
    老员工辞职信范文
    2015/05/12 职场文书
    新闻发布会新闻稿
    2015/07/17 职场文书
    《乌鸦喝水》教学反思
    2016/02/19 职场文书
    python实现手机推送 代码也就10行左右
    2022/04/12 Python