利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
发布时间：2012-07-11 14:37:53 作者：佚名 
我要评论
我要评论使用CSS3进行前端设计是未来的发展趋势。因此，如果你是一名前端设计师，就需要掌握这些最新的技术，否则就有可能会被淘汰。
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代码生成工具集合。
一、参考手册
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代码生成工具集合。
相关文章
本文主要介绍了css3实现四周线条环绕流动效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2024-02-21
nth-child（n）是css3中的一种选择器，它的作用是匹配属于其父元素的第n个元素，不论元素的类型，这篇文章主要介绍了css3中nth-child()的用法示例代码,需要的朋友可以参考2024-01-19
在CSS3中，如果想要调整背景图片的大小可以通过设置background-size属性进行设置，本文给大家介绍CSS3调整背景图片大小的操作代码，感兴趣的朋友一起看看吧2024-01-19- 要在CSS3中实现动画的无限循环，你可以使用animation 属性和 infinite 关键字，下面通过示例代码讲解css3实现动画无限循环的方法，感兴趣的朋友一起看看吧2023-12-19
CSS3 属性之transition过渡 与 transform动画示例代码
CSS3 提供了很多强大的功能，使开发人员可以创建更加吸引人的视觉效果，而不需要依赖于 JavaScript 或 Flash，下面我们将详细介绍这两个属性的使用方法并给出代码示例，感2023-12-08- 这篇文章主要介绍了CSS3媒体查询实现不同宽度的下不同内容的展示功能,本章节我们将为大家演示一些多媒体查询实例，需要的朋友可以参考下2023-11-27
本文有几种方法可以实现容器与子容器水平垂直居中，主要包括Flexbox布局，position绝对定位+transform，表格布局，具有一定的参考价值，感兴趣的可以了解一下2023-11-20
这篇文章主要为大家介绍了CSS的浮动及清除浮动的5种方法介绍，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-11-02
这篇文章给大家介绍了使用CSS3实现文字带轮廓边框特效的方法，文中有详细的代码示例供大家参考，对大家的学习或工作有一定的帮助，感兴趣的小伙伴可以自己试试2023-10-26
这篇文章主要为大家介绍了纯CSS实现开关按钮切换效果简洁易用，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-10-11
最新评论