褰撳墠浣嶇疆錛?a >棣栭〉 > 緗戠珯寤鴻

緗戦〉璁捐瓚嬪娍(涓?

鏉ユ簮錛氬緪宸炰嚎緗戠綉緇滅鎶€鏈夐檺鍏徃鏃墮棿錛?010-10-18 浣滆€咃細(xì)

CSS3 鎶€鏈?

涓嶇‘瀹氫綘鍙互鍒╃敤CSS3鍚楋紵鍐嶆兂鎯熾€傜綉緇滃厛閿嬪Andy Clarke 鍜?Jeremy Keith涓€鐩存彁鍊＄綉欏佃璁¤“閫愭鍔犲己”銆?/p>

閫愭澧炲己鏄寚鍦ㄧ綉绔欒璁″笀鏃惰鍏奸【鍒版棫鐗堟祻瑙堝櫒鐨勫彲鐢ㄦ€э紝鑰?ldquo;澧炲己”鍒欐槸閽堝鍠滄鏈€鏂版妧鏈殑鐢ㄦ埛銆?/p>

鍦ㄨ繖鏍風(fēng)殑璁捐闃佃惀錛屼綘鍒╃敤鍙互灝芥儏鍒╃敤CSS3灞炴€х殑浼樺娍錛屽鍦嗚錛岃竟妗嗚儗鏅拰鏂囨湰妗嗛槾褰便€傛柊鐗堟祻瑙堝櫒鐢ㄦ埛浼?xì)鐪嬪堫C竴涓緢濂界殑鐗堟湰錛屽茍涓斿鏃х増鏈敤鎴鳳紙 IE6鍚屽錛屾垜灝變笉姣忔閮界偣鍚嶄簡(jiǎn)錛夊皢鐪嬪埌杈冧負(fù)鍩烘湰鐨勭増鏈€?/p>

CSS3 鍔ㄧ敾
鍦ㄧ綉緇滀笂鍔ㄧ敾緇忓巻浜?jiǎn)寰堝闃秾D點(diǎn)€傝搗鍒濓紝鎴戜滑鍙兘鐢℅IF鍔ㄧ敾鍥劇墖銆傜劧鍚庯紝鎴戜滑鍙堝嚑涔庨檺浜嶧lash銆傜幇鍦紝鎴戜滑鍙互閫夋嫨鐨勬湁Flash錛孲ilverlight錛屼互鍙?qiáng)GIF錛孞avaScript鍜岀敋鑷充箮CSS3銆侰SS3鏇磋交閲忥紝鏇存槗鐢紝鍙垱閫犱護(hù)浜洪毦蹇樼殑寰鐨勫姩鐢匯€?br />

鍦嗚
鍦?005騫村拰2006騫寸殑Web 2.0椋庢牸錛屼嬌寰楀渾瑙掑ぇ鍙楁榪庯紝鎭間漢鐨勯棶棰樻槸錛屽湪褰撴椂瑕佸疄鐜拌繖浜涘彲涓嶅鏄撱€傛湁娌℃湁鍥哄畾鍙鐨勬柟娉曟潵寤虹珛鐪熸鐨勫渾瑙掋€傞€€鑰屾眰鍏舵鐨勶紝澶у閮芥槸鍒╃敤CSS錛孞avaScript鍜屽浘鍍忔潵妯℃嫙銆?/p>

鐜板湪CSS3鍏佽嫻忚鍣ㄧ洿鎺ョ敓鎴愬渾瑙掞紝涓嶄粎鍒涘緩杞繪澗錛岃€屼笖鏇存湁鏁堢巼錛屽洜涓虹敤鎴蜂笉蹇呬笅杞介澶栫殑鍥劇墖鎴朖avaScript鏂囦歡銆?/p>

2010騫達(dá)紝璁捐甯堟瓚婃潵瓚婂鍦板埄鐢ㄦ祻瑙堝櫒鐨勮繖浜涙柊鍔熻兘浼樺娍銆?/p>

鍥炬鍜屾枃鏈槾褰?
鍦ㄧ綉緇滅殑鏃╂湡錛屽埄鐢ㄩ槾褰卞垱閫犱竴縐嶇珛浣撴劅鏄棭宸叉湁涔嬶紙鐢氳嚦鏈夋椂鏄敤榪囧ご浜?jiǎn)锛?jí)銆備絾鍏跺疄騫朵笉鎬繪槸閭ｄ箞濂芥悶鐨勶紝瑕佺粰鏂囨湰娣誨姞闃村獎(jiǎng)錛屼綘寰椾嬌鐢ㄧ殑鍥劇墖錛屼粠鑰屽鍔犲姞杞芥椂闂達(dá)紝騫朵笖緇存姢鏇村姞鍥伴毦銆傛鏋墮槾褰遍渶瑕佷竴浜涘浘鐗囧拰CSS鎶€宸э紝濡?ldquo;婊戝姩闂?rdquo;銆?/p>

CSS3鍏鋒湁闃村獎(jiǎng)楂樺害鍙畾鍒剁殑鑳藉姏錛岃繖瀵逛簬鍒涙柊褰卞搷鍗佸垎宸ㄥぇ錛屼笉浠呭寘鎷槾褰憋紝榪樻湁鍐呴槾褰便€傛湁鍒涙剰璁捐甯堝凡緇忓紑濮嬩嬌鐢ㄨ繖浜汣SS3鏁堟灉錛屾ā鎷熸誕闆曞拰鍘嬪嵃鐨勬晥鏋溿€?br />

RGBa鍜屽崐閫忔槑
澶氬勾鏉ワ紝浣跨敤涓嶉€忔槑鎬у拰閫忔槑搴︼紝鍦ㄧ綉緇滀笂鎶€鏈笂鏄笉鍙兘鐨勩€備綘鏈変笁縐嶉€夋嫨錛氫嬌鐢ㄥ鉤闈㈠浘鍍忔ā鎷熺殑閫忔槑搴︼紝浣跨敤涓嶈兘璺ㄦ祻瑙堝櫒鍏煎鐨凱NG鏍煎紡錛屾垨鑰呭幓鎶樿吘CSS鍩烘湰鐨勯€忔槑閫夋嫨鍣ㄥ拰婊ら暅銆?/p>

CSS3浣垮緱璁捐甯堝湪浣跨敤RGBa涓嶉€忔槑灞炴€ф椂錛屾洿鍔犵ǔ瀹氬拰鑷敱銆備綘鍙互鍦ㄥ緢澶氭柟闈㈠埄鐢ㄥ崐閫忔槑鐨勪紭鐐癸紝鍏朵腑涔嬩竴灝辨槸浣跨敤鍗婇€忔槑鐨勯鑹插彔鍔犲埌澶嶆潅鑳屾櫙鏃惰搗鍒扮壒鍒綔鐢ㄣ€備箣鍓嶏紝榪欑鏁堟灉濡傛灉娌℃湁浣跨敤PNG鏄笉鍒囧疄闄咃紝涔熸槸涓嶅彲鑳借揪鍒扮殑銆?br />

鎵嬫満鍏煎璁捐
縐誨姩緗戠粶璁╂垚鍗冧笂涓囩殑鐢ㄦ埛鍦ㄦ帓闃熺瓑鍊欙紙鏃犱簨鍙仛錛夋椂鑳藉媯€(gè)鏌ヤ粬浠殑閾惰甯愭埛錛屽湪鍦伴搧閲屽彲浠ユ煡鐪嬫渶鏂板垎鏁幫紝鍦ㄥ紑杞︽椂鏇存柊鑷繁鐨凾witter鐨勬儏鍐碉紙榪欐槸涓€涓嵄闄╃殑涔?fàn)鎯Q燂級(jí)錛岀Щ鍔ㄧ綉緇滄鍦ㄨ寔澹垚闀褲€?/p>

鎹垜浠墍鐭ワ紝寰堝鍏徃閮介兘鍦ㄨ€冭檻浠栦滑鐨勭綉绔欐槸鍚﹁鍔犲叆縐誨姩緗戠粶錛屽鏋滄槸鐨勮瘽鍙堜細(xì)鎬庝箞鏍楓€傝€屽垱鏂板叕鍙稿垯宸茬粡鎶曞叆宸ㄨ祫鍦ㄥ紑鍙戦珮鏁堢殑鐢ㄦ埛鍙嬪ソ鐨勭Щ鍔ㄧ増鏈綉绔欍€?br />

鍒涙柊
紺句氦濯掍綋浣跨敤鐜囩殑鐖嗙偢鎬у闀胯瘉鏄庯紝浜轟滑瀵硅繛鎺ュ拰鍏變韓涓滆タ鎬繪槸鐑儏鏈夊姞鐨勩€?/p>

鍦ㄨ璁￠鍩燂紝鎴戜滑宸茬粡鐪嬫祻瑙堝拰鍒嗕韓鍒漢浣滃搧鐨勮秼鍔挎鍦ㄥ闀褲€備綔涓鴻璁″笀錛岀幇鍦ㄦ垜浠劅鍙楃潃鍒漢鍒涢€犲姏鐨勫啿鍑匯€傝繖涓嶄粎鎻愰珮?shù)簡(jiǎn)璁捐璐ㄩ噺鐨勬爣鍑嗗Q岃繕榧撳姳浜?jiǎn)鍏变韩绮炯湠锛屼篃淇?jī)榪涗簡(jiǎn)鍒涢€犲姏鍜屽垱鏂版枃鍖栫悊蹇點(diǎn)€?br /> 娓呮柊鐨勬彃鐢?
濡傛灉浣犲儚鎴戜竴鏍鳳紝鐪嬬潃榪柉灝肩數(shù)褰遍暱澶э紝浣犱細(xì)嬈ｈ祻鍔ㄧ敾閲岄潰姣忎竴甯х殑鏁堟灉銆傛垜浠棭宸叉貳蹇樹(shù)簡(jiǎn)澧ㄦ按鍜岄┈鍏嬬瑪鐢繪彃鐢葷殑鏃ュ瓙錛屽伐鍏風(fēng)殑婕斿彉?shù)骇鐢熶簡(jiǎn)涓€浜涢潪甯告湁鍒涙剰鐨勬柟娉曞幓瀹炵幇璁捐銆?/p>

寰堝璁捐甯堟鍦ㄥ涔?fàn)鋴社敤鍏夋粦锛岒q茬埥錛屾竻鏅扮殑鎻掑浘鍒涘緩涓€涓嫭鐗圭殑鎰熻錛岃繖涓嶆槸鎽勫獎(jiǎng)鎴栫畝鍗曠殑鍓創(chuàng)鐢誨彲浠ヨ揪鍒扮殑銆傜粨鏋滄槸鍑虹幇浜?jiǎn)寰堝缇庝附鍔ㄤ汉瀵屾湁鍚稿紩鍔涚殑涓撲笟鎻掔敾璁捐銆?/p>

綰圭悊鑳屾櫙
綰圭悊鍥炬鑳屾櫙鍦ㄧ綉緇滀笂娌℃湁浠€涔堟柊椴滅殑銆備絾鏄紝鏈€榪戝嚑涓湀榪欑鎶€鏈凡緇忓嚭鐜頒簡(jiǎn)鏈夎叮鐨勫彉鍖栥€傛垜鎸囩殑鏄?ldquo;寰瀷綰圭悊”錛?鏄井濡欑殑錛屽嚑涔庝笉鏄庢樉鐨勮儗鏅汗鐞嗐€?/p>

緙╃暐鍥?
浣犲彲鑳戒細(xì)璇達(dá)紝“緙╃暐鍥句粠緗戠粶鍑轟笘閭ｅぉ鏃╁氨鏈変簡(jiǎn)銆傛€庢牱涔堜細(xì)鏄秼鍔垮憿錛?rdquo;鏄殑錛屽畠浠竴鐩磋浣跨敤錛屼絾鏅亶寰堢畝鍗曘€傛湁涓€涓緝鐣ュ浘錛岀偣鍑諱竴涓嬪氨鍙互鐪嬪緱鏇村ぇ鐨勫浘鐗囥€傞渶瑕佺殑鍔熻兘灝辨槸榪欐牱錛屼笉榪囧緢鏃犺亰銆?/p>

鍦ㄦ渶榪戝嚑涓湀錛岃璁″笀浠紑濮嬫帰璁紝“鎬庢牱鎵嶈兘浣跨緝鐣ュ浘鏇寸簿褰╋紵”榪欎簺鎺㈣瀵艱嚧浜?jiǎn)缇冪暐鍥惧湪鏅鸿兘鍜屽彲鐢ㄦ€ф柟闈㈠ぇ澶у寮恒€?/p>

姘村僵鏁堟灉
闅忕潃緗戠粶鐨勫彂灞曪紝鎴戜滑鐪嬪埌瓚婃潵瓚婂鐨勮璁″笀姝ｄ粠鍚勭濯掍綋鏉ユ簮鑾峰彇鐏墊劅銆傛涓嶅鎬紝鑹烘湳灝辨槸鏉ユ簮浜庢銆?/p>

鏈€榪戝嚭鐜伴鏍間箣涓€鏄ā鎷熸按褰┿€傝繖縐嶈交鏌斾紭闆呴鏍肩湅璧鋒潵鎬繪槸閭ｄ箞娓呮櫚鍜屽鉤闈?rùn)銆?/p>

鎵嬪啓
鎵嬪啓瀛椾綋鍜岃崏紼垮瓧浣撲竴鐩存互鐢ㄥ緱寰堝帀瀹熾€傚熀浜庤繖涓師鍥狅紝璁稿璁捐甯堥伩寮€榪欎袱縐嶇被鍨嬶紝鍑轟簬鍘屾伓鎴栬€呭洜涓虹湅璧鋒潵寰堜笟浣欑殑鎰熻銆備笉榪囨渶榪戯紝璁稿璁捐甯堥兘鍙戠幇錛屽鏋滀嬌鐢ㄥ緱褰擄紝鎵嬪啓椋庢牸鍙互浼犺揪鎵嬪伐鑹哄拰絳栧垝鐨勬剰璇嗐€傚湪緇撳悎涓婁笅鏂囩幆澧冧嬌鐢紝浼?xì)鏄竴涓姛鑳藉己澶х殑琛ㄨ揪鏂瑰紡銆?/p>