CSS3的到来

网名：大漠，W3cplus创始人，现居上海，从事 Web前端和手游工作，对HTML5、CSS3、移动端、前端框架抱有浓厚兴趣。现正在编写《 css3精解： CSS3核心技术与Bootstrap使用详解》一书。 Blog: http://www.w3cplus.com QQ: 81059347 QQ交流群：
1041263 新浪微薄: http://weibo.com/w3cplus E-mail: [email protected]

CSS3的到来作者: 大漠 QQ: 81059347 Blog: http://www.w3cplus.com 新浪微薄：http://weibo.com/w3cplus

CSS历史 1994年Hakon Lie 第一次提出了css 1995年创建了css并开始运作 1996年12月css发布 1997年w3c成立css工作组 1998年5月css2草案成立 1999年提出CSS3的3个模块草案

苦逼的WEB前端语义化的结构切图浏览器的兼容产品的质问迷途的羔羊

你难道不想用吗？圆角的制作多背景的使用盒子阴影和文字阴影的特效美丽的图片边框多列的布局透明色的运用渐变图片的制作自定义的字体交互的动画

你准备好了吗？ Css

你现在能用CSS3！

CSS3属性选择器 http://www.w3cplus.com/css3/attribute-selectors

CSS3属性选择器结果 http://www.w3cplus.com/css3/attribute-selectors

有意思的CSS3选择器 http://www.w3cplus.com/css3/basic-selectors http://www.w3cplus.com/css3/attribute-selectors http://www.w3cplus.com/css3/pseudo-class-selector

让你烦的圆角

CSS3的方法

CSS3的方法使用多背景 http://www.w3cplus.com/content/css3-multiple-backgrounds

CSS3的方法使用多背景效果 http://www.w3cplus.com/content/css3-multiple-backgrounds

CSS3的方法使用图片边框 http://www.w3cplus.com/content/css3-border-image

CSS3的方法使用图片边框效果 http://www.w3cplus.com/content/css3-border-image

CSS3的方法使用圆角 http://www.w3cplus.com/css3/border-radius

CSS3的方法使用圆角效果 http://www.w3cplus.com/css3/border-radius

CSS3的文字阴影 http://www.w3cplus.com/blog/52.html

CSS3的盒子阴影 http://www.w3cplus.com/content/css3-box-shadow

CSS3的色彩 opacity http://www.w3cplus.com/content/css3-rgba

CSS3的色彩 RGBA&Opacity＆Hsl＆Hsla http://www.w3cplus.com/content/css3-rgba http://www.w3cplus.com/css3/playing-with-css3-colors

CSS3自定义字体 http://www.w3cplus.com/content/css3-font-face

CSS3响应式设计 http://www.w3cplus.com/content/css3-media-queries http://www.w3cplus.com/search/node/responsive

CSS3渐变 http://www.w3cplus.com/content/css3-gradient

CSS3２D旋转 http://www.w3cplus.com/content/css3-transform

CSS3３D旋转

CSS3过度动画 http://www.w3cplus.com/content/css3-transition

CSS3动画 http://www.w3cplus.com/content/css3-animation

CSS3多列布局 http://www.w3cplus.com/content/css3-multi-columns-span http://www.w3cplus.com/content/css3-multi-columns-count-and-width http://www.w3cplus.com/css3-multi-columns-column-gap-and-column-rule

CSS3弹性布局

可怕的IE

你何去何从？

从今天开始，从现在开始？ CSS3属性教程： http://www.w3cplus.com/resources/css3-tutorial-and-case CSS3博客集锦： http://www.w3cplus.com/blog/tags/11.html CSS3案例学习： http://www.w3cplus.com/demos/list.html 藤藤每日一练：
http://www.w3cplus.com/demo/tags/242.html

Q && A？

网名：大漠，W3cplus创始人，现居上海，从事 Web前端和手游工作，对HTML5、CSS3、移动端、前端框架抱有浓厚兴趣。现正在编写《 css3精解： CSS3核心技术与Bootstrap使用详解》一书。 Blog: http://www.w3cplus.com QQ: 81059347 QQ交流群：
1041263 新浪微薄: http://weibo.com/w3cplus E-mail: [email protected]

CSS3的到来

CSS3的到来

More Decks by w3cplus

Other Decks in Technology

Featured

Transcript