Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSS3的到来
Search
w3cplus
October 26, 2012
Technology
600
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
CSS3的到来
分享CSS3相关属性
w3cplus
October 26, 2012
More Decks by w3cplus
See All by w3cplus
手淘互动动效探索
w3cplus
0
250
CSS Future
w3cplus
2
650
Web Animation
w3cplus
5
510
CSS3带来的变化
w3cplus
0
1.5k
Web重构之道
w3cplus
1
2.9k
Sass带来的变革
w3cplus
2
650
Responsive小试牛刀
w3cplus
3
570
CSS预处器——Sass、LESS和Stylus实践
w3cplus
0
400
http协议与缓存简述
w3cplus
5
550
Other Decks in Technology
See All in Technology
信頼できるテスティングAIをどう育てるか?
odan611
0
180
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
53k
AIがAPIを書く時代に、私たちは何を設計すべきか
nagix
0
190
VPCセキュリティ対応の最新事情
nagisa53
2
350
個人OSSが、机の上から世界に広がるまでの話
shinyasaita
1
190
脱Jenkins、インターン生が挑んだCIツールGitHubActions移行
mixi_engineers
PRO
1
290
コンポーネント名には何を含めるべきなのか? / what-should-be-included-in-component-names
airrnot1106
0
200
論語・武士道・産業革命から見る かわるもの、かわらないもの
ichimichi
8
2k
QAと開発の両側から進める AI活用 -QAプロセスAI支援ツールキットと Inner Loop / Outer Loopの取り組み-
legalontechnologies
PRO
2
390
データエンジニアこそ組織のオントロジーに向き合うべき — 問いに答えるAIから、事業を動かすAIへ
gappy50
7
3k
AI ネイティブな組織に Gemini Enterprise Agent Platform がなぜ必要なのか
asei
1
130
[しろおび夏祭り2026] チャットするAIから、作業するAIへ - 使われ方の変化と、その裏側で起きていること
kk0n
0
120
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
698
190k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
57k
Making the Leap to Tech Lead
cromwellryan
135
10k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
200
How to Ace a Technical Interview
jacobian
281
24k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
A Tale of Four Properties
chriscoyier
163
24k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Automating Front-end Workflow
addyosmani
1370
210k
Writing Fast Ruby
sferik
630
63k
GraphQLとの向き合い方2022年版
quramy
50
15k
Transcript
网名:大漠,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-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
CSS32D旋转 http://www.w3cplus.com/content/css3-transform
CSS33D旋转
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]