利用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 相关文章推荐
CSS3弹性盒模型开发笔记(一)
Apr 26 HTML / CSS
CSS3中的5个有趣的新技术
Apr 02 HTML / CSS
CSS3 制作旋转的大风车(充满童年回忆)
Jan 30 HTML / CSS
纯CSS3实现滚动的齿轮动画效果
Jun 05 HTML / CSS
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
Apr 26 HTML / CSS
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
Jan 09 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
Sep 11 HTML / CSS
解析浏览器的一些“滚动”行为鉴赏
Sep 16 HTML / CSS
html5利用canvas实现颜色容差抠图功能
Dec 23 HTML / CSS
AmazeUI 折叠面板的实现代码
Aug 17 HTML / CSS
HTML5输入框下拉菜单功能的示例代码
Sep 08 HTML / CSS
一个基于canvas的移动端图片编辑器的实现
Oct 28 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
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
Javascript Tab 导航插件 (23个)
2009/06/11 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
Extjs4中Form的使用之本地hiddenfield
2013/11/26 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
尝试动手制作javascript放大镜效果
2015/12/25 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
2017/07/05 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
2017/07/13 Javascript
深入理解vuex2.0 之 modules
2017/11/20 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
深入理解python中的select模块
2017/04/23 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
python中实现数组和列表读取一列的方法
2018/04/03 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
解决Spyder中图片显示太小的问题
2018/04/27 Python
kali中python版本的切换方法
2019/07/11 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
HTML5+CSS3绘制锯齿状的矩形
2016/03/01 HTML / CSS
三星法国官方网站:Samsung法国
2019/10/31 全球购物
一套软件测试笔试题
2014/07/25 面试题
最新教师自我评价分享
2013/11/12 职场文书
优秀学生自我鉴定范例
2013/12/18 职场文书
食品厂厂长岗位职责
2014/01/30 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
好听的队名和口号
2014/06/09 职场文书
中班下学期个人总结
2015/02/12 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
企业法律事务工作总结
2015/08/11 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server