һ
 ע

QQ¼

ֻһٿʼ

ƼĶ

+
̳ WEBҳǰ뿪 WEBҳܱ

[ת] ҳع빹ܽӴ

[]
9671 2013-3-26 09:28:57
| ʾȫ¥
1F

ϵ½עᣬύѣø๦ܣϴزIJޣ

Ҫ ¼ ſػ鿴ûʺţע  

x
ķֽ:
  • ЧͼҳIJ죺ҪҳЧͼͬϸ΢֮
  • Css3ԣ֣Ժʵ
  • 빹״
1.ЧͼҳIJ죺1)ںСʶ
0.jpg

ںˣ
TridentںˣIE,MaxThon,TT,The World,360,ѹ
GeckoںˣNetscape6ϰ汾FF,MozillaSuite/SeaMonkey
PrestoںˣOpera7
WebkitںˣSafari,Chrome
1 Tridentں˺W3C׼ѽڣTridentں˵ĴBugȰȫûеõ
2 GeckoFirefox Flock
ںˣں˵ŵǹǿ󡢷ḻֺ֧ܶิҳЧչӿڣǴҲԶ׼ҪĺܶԴڴ档
3 PrestoOpera õ PrestoںˣPrestoں˱ΪϵҳٶںˣڿʱƣڴJSűȽűʱں˿3ңȱΪ˴ﵽܿٶȶһҳԡ
4 WebkitWebkit Safari õںˣ Safari ƻϵͳµ(ȻҲwindows棬DZȽ)ֻ򵥽һں˵ŵȱ㣬ŵҳٶȽϿ죬Ȼ Presto Ҳʤ Gecko TridentȱǶҳݴԲߣҲ˵ҳļԽϵͣʹһЩд׼ҳ޷ȷʾ
5 ˫ںܶ˫ˣIE+ WebkitΣ360
ܽ᣺ں˲ͬҳЧͼIJ죬һԭǿЧͼҳԵļ򵥴
2)Чͼҳ֮촦1 Ϊë
1.jpg 2.jpg

ͼΪIE7 8 9 10 ȸ͸ͼƬͼΪIE6͸ͼ
ëDzõķ
һIE6PNG24λͼIE6GIFͼ PNG8ģ֮DZ֤IE6еë
DzIE6˾һPNG24ģҲPNG24ĺôûëߵ˾Ǻڴģһ㲻
Чͼ򵥵ĸıͼ

3.jpg

ͼIE6ͼӸͼ͸ëͱˣۺ
2 ͼڷС
4.jpg 5.jpg

ͼԭͼԱȵͼ˼򵥵ĵһͼֻ꣨úѱ
ڲӰЧ£˼򵥵ĸı䣬ͼƶأһ״룬ٵضʽˣͼﵽеЧ
3 դ
6.jpg

ͼ30px 18px 16px 13px
ͼʱͨ10px 15px 20px 25px 30pxĹ࣬ﵽһĹ淶ԣֲӰЧ
4 Ŀ
7.jpg

ƳģϵͳԴģһģôдô룬ԭļС磺һͼһ㼸ʮkǴĻҲͼkԵ֣ܺܿİ߱ʵ
8.jpg

رǿЧʱҲôرδ룬ʱŴСɫ
5ͼĹͼ̡ƽ̡̹

9.jpg

ͼԭͼͺг105صͼԱʱôȡֵҲƽ̵㣬ʱҪʦˣƽ̵ĵ㡣~~~ O(_)O
6 壺塢 Arial ĺ塢΢ź
ִС塢 Arialʹ12+14Ļϴ,΢źͨõ
ԭֵıʶԺҳ׶
7 о
10.jpg

ּʱͼһ㲻֣cssеּPSоIJһģһԶŰ

11.jpg

psУǻע⵽漸ֺ֣أо࣬壬ǷӴ֣мҪڹʱȡֵ
8 ıֶ
12.jpg

ıҪֶνȡ㣬Զ
CssIJ֮ͼλãСIJͬ

Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
 ¥| 2013-3-26 09:33:28
| ʾȫ¥
2F
2Css3ԣ css3ԣcss3ʵеӦܽ¼йصcss3
1 ͼƬӾЧCSS3˴ԣһЩǰֻͨͼƬűʵֵӾЧԲǡӰ͸ԼͼƬ߿ȡЩ֮Уڡͱ߿Backgrounds and Bordersģģڡɫʺͼ񡱣Colors and Image Valuesģ顣
ĿеӦãͼ

0.jpg 1.jpg

2.jpg 3.jpg

ںעУͼõcss3Բǣͼõcss3߿򣬳ЧԭͼһͲгͼƬˣʡ˿ռ䡣
2CSS3лһӾЧǿ2D3Dռλú״תŻƶЩЧΪΣڡ2DΡ2D Transforms͡3DΡ3D Transformsģж漰
һЩ߹ߣиèСʵȤͯЬԴ򿪿
http://www.css88.com/tool/css3Preview/Box-Shadow.html CSS3
http://www.css3maker.com/ CSS3
http://fmbip.com/litmus/ ֶ֧ձ
http://www.liulan7.net/labs/css3.html èʵȻЩʱֱ۵Ŀcss3ڸµIJ֮ͬ
3һ޶塱Fontģ@font-faceCSS3ʽIJϷḻҳжfont-faceweb appиµӦóǾ Icon Font ҳеͼƬ
Ҳ˵Css3÷ֳ֣һ@font-faceǶ壬һ@font-faceͼ
1. Css3@font-faceǶ壬ʻûйɣһ㲻ַ
Ӣ̶24ַÿ⣬ʹñȽ

4.jpg 5.jpg

2.css3@font-faceͼΣ ͼ

6.jpg

http://ux.etao.com/fonts/ @font-faceicon

7.jpg 8.jpg

http://weiba.weibo.com/?topnav=1&wvr=5 ΢ĿҲӦ@font-face
ŵǣļСͼڹʱɫĴС任λõȡȱĿǰԴɫֱ֧ȽϺãĻpcwebikitں֧֡ƶwebkitִ֧ԣ Android4.0ԣҲDzֵ֧ġ
Ҫעһǣͼʸͼ

9.jpg

4붯CSS3Ĺɣtransitionͬģһּ򵥵ĶЧƽسһԪصʽ仯磬ûͣڰť֮ʱƽظıɫӵCSS3嶯animationҲͬģӦܹʵָӵʽ仯ԪλƣҪõFlashJavaScript
http://www.wheattime.com/common-css3-animation.html CSSʱͬѧģ
http://css3lib.alloyteam.com/ css3ui
ĿеӦã ùȸ迴
http://photo.weibo.com/statics/badge
http://photo.weibo.com/events/travelfeeling
3.ƣ״ȣعĿ꣺ ʵִ븴áҳܡάԡԡӦ
ΣCSS3зչ ̫죩
Internet Explorer: 46% Internet ޷ЩЧ˲ҪЩ Ҫơͬʱ֤ЩЧõĵطƿá
ڵʹص㿴iE
http://tongji.baidu.com/data/ ٶ http://www.ie6countdown.com/#map ΢2014 IE6ʱվ
CSS ֤: Щ CSS3 ܲհ汾ĿǰͬʹòͬǩʵЩܣΪ Style Sheet ֤ϵ⡣
ӷ״: ΪͬҪʹòͬ﷨ս CSS ʮӷס
һŬûΪ
ûģ졢ۡʵ

Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
б

ֹ

²

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2018-4-22 16:52

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б