资讯频道 → Web前端
阅读更多

11顶
0踩

Web前端

翻译新闻 实用的 CSS3 参考手册和代码生成工具

2012-06-19 17:05 by 副主编 wangguo 评论(2) 有10619人浏览
CSS3 HTML5 参考手册 代码生成
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抢占移动端的市场 自己创业做老板 随着互联网...

  • 自动驾驶运动规划(Motion Planning).pdf

    自动驾驶运动规划(Motion Planning)问题分析

  • 财务数据分析模型6.xlsx

    Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示

  • 人力资源数据分析看版.xlsx

    Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示

  • 重庆大学2011-2012(2)数字电子技术II.pdf

    重庆大学期末考试试卷，重大期末考试试题，试题及答案

  • 随波逐流CTF编码工具 V5.6 20240424.rar

    由随波逐编写开发，CTF编码工具为用户提供丰富的离线加密解密功能，还可以对字符编码进行转换，文件隐写查看，用户可以根据自己的需求来使用功能，非常实用，能够提高大家的工作效率！

Global site tag (gtag.js) - Google Analytics