阅读更多

11顶
0踩

Web前端
CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘汰。

一、参考手册

1.  Idiomatic CSS

编写统一、符合习惯的CSS的原则,有中文版本。

2.  CSS3 Click Chart

示例代码和CSS3特性支持情况表。

3.  CSS3 Selector

CSS3 Selector的官方指导手册。



4.  HTML5 & CSS3 Support

主流浏览器对HTML5和CSS3支持情况一览表。



5.  CSS3 - Information and Samples

针对CSS3的各种信息和示例。



6.  Sencha CSS3 Cheat Sheet



7.  Smashing Magazine CSS3 Cheat Sheet



二、CSS代码生成工具

1.  Gradient Editor

一个强大的CSS渐变代码可视化编辑器,类似于Photoshop的渐变设置界面。



2.  Gradient

CSS3渐变代码生成器。



3.  Border Radius

边界半径(圆角)代码生成器,通过设置四个角的半径数字,即可自动生成代码,且能够直接预览到效果。



4.  CSS3 Generator

通过可视化形式设置各种属性,包括文字阴影、轮廓、边界、渐变、过渡等,并能够自动生成代码。



5.  CSS3

针对边界半径、box阴影、背景渐变和不透明度的CSS3代码生成器。



6.  LayerStyles

如果你熟悉Adobe Photoshop,你会发现这个工具非常好用。



7.  CSSWarp

自动生成路径文本的CSS代码。



8.  Font Squirrel

生成woff、svg、eot和ttf格式的字体,并在CSS中使用。



9.  CSS3 Maker

强大的CSS3代码生成器。



10.  CSS3 Tool

各种CSS3代码生成工具集合。



英文原文:Useful CSS3 References and Online Generator Tools
  • 大小: 17.9 KB
  • 大小: 36.2 KB
  • 大小: 29.3 KB
  • 大小: 46 KB
  • 大小: 52.3 KB
  • 大小: 21.6 KB
  • 大小: 15.9 KB
  • 大小: 11.1 KB
  • 大小: 17.4 KB
  • 大小: 19.8 KB
  • 大小: 27.1 KB
  • 大小: 33 KB
  • 大小: 20.8 KB
  • 大小: 35.5 KB
  • 大小: 18.7 KB
11
0
评论 共 2 条 请登录后发表评论
2 楼 chauncey24 2012-06-25 15:19
   收藏啦
1 楼 wdgxwzz008 2012-06-22 23:51
真帅!收藏收藏啦!

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 渐变代码实用的 CSS3 参考手册和代码生成工具

    查了好多资料,发明还是不全,干脆自己整理吧,至少保证在我的做法正确的,以免误导读者,也是给自己做个记录吧!  CSS3术技当初愈来愈成熟,通过CSS3的一些新特性(如box-sizing、边界半径、... 一、参考手册...

  • 2022最新html5+css3笔记

    博主自己学习css3+html5时所记录的笔记,以及练习的大厂项目的资料分享,希望可以帮助到大家。

  • jQuery参考手册

    jQuery参考手册 内容源自菜鸟驿站:https://www.runoob.com/jquery/jquery-tutorial.html jQuery选择器 1、基本选择器 $("#id") //ID选择器 $("div") //元素选择器 $(".classname") //类选择器 $(".classname,....

  • HTML5+CSS3

    Guides 代码参考线 GitLens — Git supercharged 代码参考线 ESLint JS语法纠错 CSScomb CSS书写顺序 Ctrl + Shift + P Color Highlight 直观的看见css定义的颜色 Bracket Pair Colorizer 成对的彩色括号 Auto ...

  • 小米官网仿写部分代码+实训报告

    随着网络普及和发展,网站作为一种很强大的工具和平台越来越融入了人们的生活,而与用户关系最密切的前端技术也逐渐得到应有的重视。可以看到前端重构的行业发展潜力巨大,各大知名的网络公司对前端人

  • CSS3笔记

    CSS3动画手册:https://isux.tencent.com/css3/index.html?transform CSS3实现水平垂直居中:http://bbs.html5cn.org/thread-87300-1-1.html http://www.w3cplus.com/css/centering-css-complete-guide.html ...

  • WebStorm使用参考手册

    WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处:省去了ctrl + s...

  • jQuery_03_操作HTML和CSS

    jQuery - 获取内容和属性...jQuery 提供一系列与 DOM 相关的方法,这使 访问和操作 元素和属性 变得很容易。DOM = Document Object Model(文档对象模型)DOM 定义访问 HTML 和 XML 文档的标准:"W3C 文档...

  • jquery参考手册

    jQuery 选择器 选择器实例选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") class="intro" 的所有元素 .class,.class $(".intro,.demo") class ...

  • DOJO API 中文参考手册

    DOJO API 中文参考手册 Dojo 体系架构总体上来看是一个分层的体系架构。最下面的一层是包系统,Dojo API 的结构与 Java 很类似,它把所有的 API 分成不同的包(package),当您要使用某个 API 时,只需导入这个 API...

  • 50 多个提高前端人效率的工具、网站和书籍整理

    本文包含了在线编译,在线编辑、实用工具、可视化工具、各种前端电子书等50多个网站,快放到你的收藏夹吃灰吧如果你看到最后了,记得给我一个免费的赞哦在线编译(编辑)、playgroundJS 代码混淆www.jsfuck.com/[1]...

  • 代码阅读工具学习总结

    代码阅读工具:Source Navigator和Source Insight 一、Source Insight实用技巧: Source Insight(下文的SI指的也是它)就是这样的一个东西:  Windows下开发人员的至爱,功能强大,界面友好。支持语法高亮、...

  • DIV+CSS学习笔记总结篇

    DIV+CSS学习笔记总结篇 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位: web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求...

  • HTML和CSS学习

    第一章 职业规划和前景   web前端开发工程师 web网站架构师 自己创业 转岗管理或其他   未来IT行业企业需求最多的人才 结合最新的html5抢占移动端的市场 自己创业做老板 随着互联网...

  • 毕业设计&课设_CUMT 信息安全专业毕业设计:基于区块链的能源交易系统,含架构、部署等多方面详细介绍.zip

    毕业设计&课设_CUMT 信息安全专业毕业设计:基于区块链的能源交易系统,含架构、部署等多方面详细介绍.zip

  • 用Python分析文本数据项目

    用Python分析文本数据项目

  • 基于SpringBoot的养老院管理系统源码数据库文档.zip

    基于SpringBoot的养老院管理系统源码数据库文档.zip

  • AshampooUnInstaller v15.00.22 Portable一款强大的卸载工具,彻底、智能著称阿香婆强制卸载软件.rar

    阿香婆软件强制卸载软件 Ashampoo UnInstaller 是一款强大的卸载工具,彻底、智能著称,如果您选择使用Ashampoo安装程序,它会自动分析软件从开始安装到结束的全过程,并为该软件建立一个日志,以便以后更彻底的卸载它,Ashampoo UnInstaller 全面提速!程序采用了新的技术,速度得到了全面提高。Windows 默认应用现在也可以像其它无用程序和恶意软件一样被无忧卸载。摆脱工具栏、插件和其它隐藏的追踪软件,享受安全快捷的上网体验!新的快照比较功能,可以非常简单的创建安装日志,这是旧版本 UnInstaller 粉丝最急需的!新的界面,便捷的批量卸载,以及内置的在线搜索,Ashampoo UnInstaller 一定会让你惊叹无比。快来体验更清晰、更详尽、更快速的 Ashampoo UnInstaller !Ashampoo UnInstallerAshampoo UnInstaller彻底删除无用程序的所有痕迹! 让安装、试用、卸载程序更加轻松。只需点几下,无用的软件、浏览器扩展和工具栏就能从你的硬盘中

Global site tag (gtag.js) - Google Analytics