利用CSS3参考手册和CSS3代码生成工具加速来学习网页制


Posted in HTML / CSS onJuly 11, 2012

CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘汰。
一、参考手册
1. Idiomatic CSS
编写统一、符合习惯的CSS的原则,有中文版本。
2. CSS3 Click Chart
示例代码和CSS3特性支持情况表。
3. CSS3 Selector
CSS3 Selector的官方指导手册。

利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
4. HTML5 & CSS3 Support
主流浏览器对HTML5和CSS3支持情况一览表。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
5. CSS3 - Information and Samples
针对CSS3的各种信息和示例。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
6. Sencha CSS3 Cheat Sheet
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
7. Smashing Magazine CSS3 Cheat Sheet
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
二、CSS代码生成工具
1. Gradient Editor
一个强大的CSS渐变代码可视化编辑器,类似于Photoshop的渐变设置界面。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
2. Gradient
CSS3渐变代码生成器。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
3. Border Radius
边界半径(圆角)代码生成器,通过设置四个角的半径数字,即可自动生成代码,且能够直接预览到效果。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
4. CSS3 Generator
通过可视化形式设置各种属性,包括文字阴影、轮廓、边界、渐变、过渡等,并能够自动生成代码。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
5. CSS3
针对边界半径、box阴影、背景渐变和不透明度的CSS3代码生成器。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
6. LayerStyles
如果你熟悉Adobe Photoshop,你会发现这个工具非常好用。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
7. CSSWarp
自动生成路径文本的CSS代码。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
8. Font Squirrel
生成woff、svg、eot和ttf格式的字体,并在CSS中使用。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
9. CSS3 Maker
强大的CSS3代码生成器。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
10. CSS3 Tool
各种CSS3代码生成工具集合。
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制

HTML / CSS 相关文章推荐
使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
Jan 23 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
Dec 23 HTML / CSS
在HTML5中如何使用CSS建立不可选的文字
Oct 17 HTML / CSS
一款基于css3的动画按钮代码教程
Nov 23 HTML / CSS
纯css3实现的竖形无限级导航
Dec 10 HTML / CSS
CSS3的一个简单导航栏实现
Aug 03 HTML / CSS
详解FireFox下Canvas使用图像合成绘制SVG的Bug
Jul 10 HTML / CSS
HTML5 Canvas之测试浏览器是否支持Canvas的方法
Jan 01 HTML / CSS
HTML5新增属性data-*和js/jquery之间的交互及注意事项
Aug 08 HTML / CSS
html5 canvas实现给图片添加平铺水印
Aug 20 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
Aug 19 HTML / CSS
Html5大屏数据可视化开发的实现
Jun 11 HTML / CSS
CSS3中Color的一些特性介绍
May 27 #HTML / CSS
CSS3 简写animation
May 10 #HTML / CSS
CSS3转换功能transform主要属性值分析及实现分享
May 06 #HTML / CSS
分享CSS3中必须要知道的10个顶级命令
Apr 26 #HTML / CSS
CSS3结构性伪类选择器九种写法
Apr 18 #HTML / CSS
巧用CSS3 border实现图片遮罩效果代码
Apr 09 #HTML / CSS
时尚的CSS3进度条效果
Feb 22 #HTML / CSS
You might like
杏林同学录(三)
2006/10/09 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
php实现微信公众号创建自定义菜单功能的实例代码
2019/06/11 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
javascript删除一个html元素节点的方法
2014/12/20 Javascript
JavaScript三元运算符的多种使用技巧
2015/04/16 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
2016/04/29 Javascript
jQuery实现弹出窗口弹出div层的实例代码
2017/01/09 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
JS实现复制功能
2017/03/01 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
详解各版本React路由的跳转的方法
2018/05/10 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
js中的闭包实例展示
2018/11/01 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
不要用强制方法杀掉python线程
2017/02/26 Python
python生成式的send()方法(详解)
2017/05/08 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
Django 通过JS实现ajax过程详解
2019/07/30 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
Python的pygame安装教程详解
2020/02/10 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
html5 Canvas画图教程(1)—画图的基本常识
2013/01/09 HTML / CSS
计算机专业毕业生自荐书
2014/06/02 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
求职自我评价范文100字
2014/09/23 职场文书
交通安全横幅标语
2014/10/07 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
学校开除通知书
2015/04/25 职场文书
springboot+zookeeper实现分布式锁
2022/03/21 Java/Android
Apache自带的ab压力测试工具的实现
2022/07/23 Servers