PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

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

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

来源:PHP程序员站  作者:会员投稿  发布时间:2012-06-19
CSS3技术现在越来越成熟,通过CSS3得一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建得效果已经令前端开发者兴奋不已。使 用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代码生成工具集合。



英文原文:Useful CSS3 References and Online Generator Tools

Tags:
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号