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

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

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

CSS3 鎶€鏈?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鍦ㄨ璁￠鍩燂紝鎴戜滑宸茬粡鐪嬫祻瑙堝拰鍒嗕韓鍒漢浣滃搧鐨勮秼鍔挎鍦ㄥ闀褲€備綔涓鴻璁″笀錛岀幇鍦ㄦ垜浠劅鍙楃潃鍒漢鍒涢€犲姏鐨勫啿鍑匯€傝繖涓嶄粎鎻愰珮浜嗚璁¤川閲忕殑鏍囧噯錛岃繕榧撳姳浜嗗叡浜簿紲烇紝涔熶績榪涗簡鍒涢€犲姏鍜屽垱鏂版枃鍖栫悊蹇點€?br /> 娓呮柊鐨勬彃鐢?
濡傛灉浣犲儚鎴戜竴鏍鳳紝鐪嬬潃榪柉灝肩數褰遍暱澶э紝浣犱細嬈ｈ祻鍔ㄧ敾閲岄潰姣忎竴甯х殑鏁堟灉銆傛垜浠棭宸叉貳蹇樹簡澧ㄦ按鍜岄┈鍏嬬瑪鐢繪彃鐢葷殑鏃ュ瓙錛屽伐鍏風殑婕斿彉浜х敓浜嗕竴浜涢潪甯告湁鍒涙剰鐨勬柟娉曞幓瀹炵幇璁捐銆?/p>

寰堝璁捐甯堟鍦ㄥ涔犱嬌鐢ㄥ厜婊戯紝騫茬埥錛屾竻鏅扮殑鎻掑浘鍒涘緩涓€涓嫭鐗圭殑鎰熻錛岃繖涓嶆槸鎽勫獎鎴栫畝鍗曠殑鍓創鐢誨彲浠ヨ揪鍒扮殑銆傜粨鏋滄槸鍑虹幇浜嗗緢澶氱編涓藉姩浜哄瘜鏈夊惛寮曞姏鐨勪笓涓氭彃鐢昏璁°€?/p>

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

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

鍦ㄦ渶榪戝嚑涓湀錛岃璁″笀浠紑濮嬫帰璁紝“鎬庢牱鎵嶈兘浣跨緝鐣ュ浘鏇寸簿褰╋紵”榪欎簺鎺㈣瀵艱嚧浜嗙緝鐣ュ浘鍦ㄦ櫤鑳藉拰鍙敤鎬ф柟闈㈠ぇ澶у寮恒€?/p>

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

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

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