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

11顶
0踩

Web前端

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

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

  • subunit-devel-1.4.0-14.el8.x64-86.rpm.tar.gz

    1、文件说明： Centos8操作系统subunit-devel-1.4.0-14.el8.rpm以及相关依赖，全打包为一个tar.gz压缩包 2、安装指令： #Step1、解压 tar -zxvf subunit-devel-1.4.0-14.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm

  • TIA-Portal-V19-HSP.zip

    TIA_Portal_V19_HSP.zip

  • 自己搭建的无人机跟踪实验，主要讲软件，硬件的需要等等，为初学者提供学习建议及需要学习的内容，讲解使用到的代码等.zip

    自己搭建的无人机跟踪实验，主要讲软件，硬件的需要等等，为初学者提供学习建议及需要学习的内容，讲解使用到的代码等.zip

  • stunnel-5.56-5.el8-3.x64-86.rpm.tar.gz

    1、文件说明： Centos8操作系统stunnel-5.56-5.el8_3.rpm以及相关依赖，全打包为一个tar.gz压缩包 2、安装指令： #Step1、解压 tar -zxvf stunnel-5.56-5.el8_3.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm

  • 西门子PLC与ABB变频器Modbus通讯实战：参数读写、启停控制及触摸屏集成

    内容概要：本文详细介绍了西门子S7-1200 PLC与ABB ACS510变频器通过Modbus协议进行通讯的方法。首先讲解了硬件连接，包括RS485通讯线的正确接法和终端电阻的使用。接着深入探讨了PLC程序的设计，涵盖Modbus主站的初始化、参数读写（如频率设定、启停控制）、以及错误处理方法。同时，提供了触摸屏（WinCC Basic）的操作指导，包括变量关联、按钮绑定和数据显示。最后给出了常见问题的解决方案，确保通讯稳定可靠。 适合人群：从事工业自动化领域的工程师和技术人员，尤其是需要进行PLC与变频器通讯调试的工作人员。 使用场景及目标：适用于需要将西门子PLC与ABB变频器进行Modbus通讯的应用场合，帮助工程师快速掌握通讯配置、参数设置、启停控制及触摸屏集成的具体步骤，提高工作效率并减少调试时间。 其他说明：文中提供了详细的代码示例和注意事项，有助于读者更好地理解和应用相关技术。此外，强调了硬件检查的重要性，避免因接线问题导致的通讯失败。

Global site tag (gtag.js) - Google Analytics