利用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色彩模式有哪些?CSS3 HSL色彩模式的定义
Apr 26 HTML / CSS
CSS3条纹背景制作的实战攻略
May 31 HTML / CSS
CSS3模拟IOS滑动开关效果
Sep 28 HTML / CSS
CSS3 实现童年的纸飞机
May 05 HTML / CSS
HTML5 用动画的表现形式装载图像
Mar 08 HTML / CSS
HTML5文档结构标签
Apr 21 HTML / CSS
详解通过变换矩阵实现canvas的缩放功能
Jan 14 HTML / CSS
HTML5 贪吃蛇游戏实现思路及源代码
Sep 03 HTML / CSS
如何在Canvas上的图形/图像绑定事件监听的实现
Sep 16 HTML / CSS
CSS3中Animation实现简单的手指点击动画的示例
Jul 15 HTML / CSS
css3中transform属性实现的4种功能
Aug 07 HTML / CSS
Unicode中的CJK(中日韩统一表意文字)字符小结
Dec 06 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
php,不用COM,生成excel文件
2006/10/09 PHP
浅谈PHP强制类型转换,慎用!
2013/06/06 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
Jquery工作常用实例 使用AJAX使网页进行异步更新
2011/07/26 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
利用JS判断用户是否上网(连接网络)
2013/12/23 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
鼠标悬浮显示二级菜单效果的jquery实现
2014/10/29 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
node.js中的path.extname方法使用说明
2014/12/09 Javascript
简介JavaScript中的setHours()方法的使用
2015/06/11 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
2018/01/02 jQuery
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
[14:50]2018DOTA2亚洲邀请赛开幕式
2018/04/03 DOTA
Python struct.unpack
2008/09/06 Python
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
python实现画圆功能
2018/01/25 Python
Python I/O与进程的详细讲解
2019/03/08 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
详解background属性的8个属性值(面试题)
2020/11/02 HTML / CSS
化妆品促销方案
2014/02/24 职场文书
市政管理求职信范文
2014/05/07 职场文书
自主招生教师推荐信
2014/05/10 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
赞助商致辞
2015/07/30 职场文书
员工升职自我评价
2019/03/26 职场文书
自荐信范文
2019/05/20 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
解决vue自定义组件@click点击失效问题
2022/04/30 Vue.js