褰撳墠浣嶇疆锛?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 />
.jpg)
.gif)
鍦嗚
鍦?005骞村拰2006骞寸殑Web 2.0椋庢牸锛屼娇寰楀渾瑙掑ぇ鍙楁杩庯紝鎭间汉鐨勯棶棰樻槸锛屽湪褰撴椂瑕佸疄鐜拌繖浜涘彲涓嶅鏄撱�傛湁娌℃湁鍥哄畾鍙鐨勬柟娉曟潵寤虹珛鐪熸鐨勫渾瑙掋�傞��鑰屾眰鍏舵鐨勶紝澶у閮芥槸鍒╃敤CSS锛孞avaScript鍜屽浘鍍忔潵妯℃嫙銆?/p>
鐜板湪CSS3鍏佽娴忚鍣ㄧ洿鎺ョ敓鎴愬渾瑙掞紝涓嶄粎鍒涘缓杞绘澗锛岃�屼笖鏇存湁鏁堢巼锛屽洜涓虹敤鎴蜂笉蹇呬笅杞介澶栫殑鍥剧墖鎴朖avaScript鏂囦欢銆?/p>
2010骞达紝璁捐甯堟瓒婃潵瓒婂鍦板埄鐢ㄦ祻瑙堝櫒鐨勮繖浜涙柊鍔熻兘浼樺娍銆?/p>
.jpg)
.gif)
鍥炬鍜屾枃鏈槾褰?
鍦ㄧ綉缁滅殑鏃╂湡锛屽埄鐢ㄩ槾褰卞垱閫犱竴绉嶇珛浣撴劅鏄棭宸叉湁涔嬶紙鐢氳嚦鏈夋椂鏄敤杩囧ご浜嗭級銆備絾鍏跺疄骞朵笉鎬绘槸閭ｄ箞濂芥悶鐨勶紝瑕佺粰鏂囨湰娣诲姞闃村奖锛屼綘寰椾娇鐢ㄧ殑鍥剧墖锛屼粠鑰屽鍔犲姞杞芥椂闂达紝骞朵笖缁存姢鏇村姞鍥伴毦銆傛鏋堕槾褰遍渶瑕佷竴浜涘浘鐗囧拰CSS鎶�宸э紝濡?ldquo;婊戝姩闂?rdquo;銆?/p>
CSS3鍏锋湁闃村奖楂樺害鍙畾鍒剁殑鑳藉姏锛岃繖瀵逛簬鍒涙柊褰卞搷鍗佸垎宸ㄥぇ锛屼笉浠呭寘鎷槾褰憋紝杩樻湁鍐呴槾褰便�傛湁鍒涙剰璁捐甯堝凡缁忓紑濮嬩娇鐢ㄨ繖浜汣SS3鏁堟灉锛屾ā鎷熸诞闆曞拰鍘嬪嵃鐨勬晥鏋溿�?br />
.jpg)
.gif)
RGBa鍜屽崐閫忔槑
澶氬勾鏉ワ紝浣跨敤涓嶉�忔槑鎬у拰閫忔槑搴︼紝鍦ㄧ綉缁滀笂鎶�鏈笂鏄笉鍙兘鐨勩�備綘鏈変笁绉嶉�夋嫨锛氫娇鐢ㄥ钩闈㈠浘鍍忔ā鎷熺殑閫忔槑搴︼紝浣跨敤涓嶈兘璺ㄦ祻瑙堝櫒鍏煎鐨凱NG鏍煎紡锛屾垨鑰呭幓鎶樿吘CSS鍩烘湰鐨勯�忔槑閫夋嫨鍣ㄥ拰婊ら暅銆?/p>
CSS3浣垮緱璁捐甯堝湪浣跨敤RGBa涓嶉�忔槑灞炴�ф椂锛屾洿鍔犵ǔ瀹氬拰鑷敱銆備綘鍙互鍦ㄥ緢澶氭柟闈㈠埄鐢ㄥ崐閫忔槑鐨勪紭鐐癸紝鍏朵腑涔嬩竴灏辨槸浣跨敤鍗婇�忔槑鐨勯鑹插彔鍔犲埌澶嶆潅鑳屾櫙鏃惰捣鍒扮壒鍒綔鐢ㄣ�備箣鍓嶏紝杩欑鏁堟灉濡傛灉娌℃湁浣跨敤PNG鏄笉鍒囧疄闄咃紝涔熸槸涓嶅彲鑳借揪鍒扮殑銆?br />
鎵嬫満鍏煎璁捐
绉诲姩缃戠粶璁╂垚鍗冧笂涓囩殑鐢ㄦ埛鍦ㄦ帓闃熺瓑鍊欙紙鏃犱簨鍙仛锛夋椂鑳藉妫�鏌ヤ粬浠殑閾惰甯愭埛锛屽湪鍦伴搧閲屽彲浠ユ煡鐪嬫渶鏂板垎鏁帮紝鍦ㄥ紑杞︽椂鏇存柊鑷繁鐨凾witter鐨勬儏鍐碉紙杩欐槸涓�涓嵄闄╃殑涔犳儻锛燂級锛岀Щ鍔ㄧ綉缁滄鍦ㄨ寔澹垚闀裤�?/p>
鎹垜浠墍鐭ワ紝寰堝鍏徃閮介兘鍦ㄨ�冭檻浠栦滑鐨勭綉绔欐槸鍚﹁鍔犲叆绉诲姩缃戠粶锛屽鏋滄槸鐨勮瘽鍙堜細鎬庝箞鏍枫�傝�屽垱鏂板叕鍙稿垯宸茬粡鎶曞叆宸ㄨ祫鍦ㄥ紑鍙戦珮鏁堢殑鐢ㄦ埛鍙嬪ソ鐨勭Щ鍔ㄧ増鏈綉绔欍�?br />
.gif)
.gif)
鍒涙柊
绀句氦濯掍綋浣跨敤鐜囩殑鐖嗙偢鎬у闀胯瘉鏄庯紝浜轰滑瀵硅繛鎺ュ拰鍏变韩涓滆タ鎬绘槸鐑儏鏈夊姞鐨勩�?/p>
鍦ㄨ璁￠鍩燂紝鎴戜滑宸茬粡鐪嬫祻瑙堝拰鍒嗕韩鍒汉浣滃搧鐨勮秼鍔挎鍦ㄥ闀裤�備綔涓鸿璁″笀锛岀幇鍦ㄦ垜浠劅鍙楃潃鍒汉鍒涢�犲姏鐨勫啿鍑汇�傝繖涓嶄粎鎻愰珮浜嗚璁¤川閲忕殑鏍囧噯锛岃繕榧撳姳浜嗗叡浜簿绁烇紝涔熶績杩涗簡鍒涢�犲姏鍜屽垱鏂版枃鍖栫悊蹇点�?br />
娓呮柊鐨勬彃鐢?
濡傛灉浣犲儚鎴戜竴鏍凤紝鐪嬬潃杩柉灏肩數褰遍暱澶э紝浣犱細娆ｈ祻鍔ㄧ敾閲岄潰姣忎竴甯х殑鏁堟灉銆傛垜浠棭宸叉贰蹇樹簡澧ㄦ按鍜岄┈鍏嬬瑪鐢绘彃鐢荤殑鏃ュ瓙锛屽伐鍏风殑婕斿彉浜х敓浜嗕竴浜涢潪甯告湁鍒涙剰鐨勬柟娉曞幓瀹炵幇璁捐銆?/p>
寰堝璁捐甯堟鍦ㄥ涔犱娇鐢ㄥ厜婊戯紝骞茬埥锛屾竻鏅扮殑鎻掑浘鍒涘缓涓�涓嫭鐗圭殑鎰熻锛岃繖涓嶆槸鎽勫奖鎴栫畝鍗曠殑鍓创鐢诲彲浠ヨ揪鍒扮殑銆傜粨鏋滄槸鍑虹幇浜嗗緢澶氱編涓藉姩浜哄瘜鏈夊惛寮曞姏鐨勪笓涓氭彃鐢昏璁°�?/p>
.gif)
.gif)
绾圭悊鑳屾櫙
绾圭悊鍥炬鑳屾櫙鍦ㄧ綉缁滀笂娌℃湁浠�涔堟柊椴滅殑銆備絾鏄紝鏈�杩戝嚑涓湀杩欑鎶�鏈凡缁忓嚭鐜颁簡鏈夎叮鐨勫彉鍖栥�傛垜鎸囩殑鏄?ldquo;寰瀷绾圭悊”锛?鏄井濡欑殑锛屽嚑涔庝笉鏄庢樉鐨勮儗鏅汗鐞嗐�?/p>
.jpg)
.jpg)
缂╃暐鍥?
浣犲彲鑳戒細璇达紝“缂╃暐鍥句粠缃戠粶鍑轰笘閭ｅぉ鏃╁氨鏈変簡銆傛�庢牱涔堜細鏄秼鍔垮憿锛?rdquo;鏄殑锛屽畠浠竴鐩磋浣跨敤锛屼絾鏅亶寰堢畝鍗曘�傛湁涓�涓缉鐣ュ浘锛岀偣鍑讳竴涓嬪氨鍙互鐪嬪緱鏇村ぇ鐨勫浘鐗囥�傞渶瑕佺殑鍔熻兘灏辨槸杩欐牱锛屼笉杩囧緢鏃犺亰銆?/p>
鍦ㄦ渶杩戝嚑涓湀锛岃璁″笀浠紑濮嬫帰璁紝“鎬庢牱鎵嶈兘浣跨缉鐣ュ浘鏇寸簿褰╋紵”杩欎簺鎺㈣瀵艰嚧浜嗙缉鐣ュ浘鍦ㄦ櫤鑳藉拰鍙敤鎬ф柟闈㈠ぇ澶у寮恒�?/p>
.gif)
姘村僵鏁堟灉
闅忕潃缃戠粶鐨勫彂灞曪紝鎴戜滑鐪嬪埌瓒婃潵瓒婂鐨勮璁″笀姝ｄ粠鍚勭濯掍綋鏉ユ簮鑾峰彇鐏垫劅銆傛涓嶅鎬紝鑹烘湳灏辨槸鏉ユ簮浜庢銆?/p>
鏈�杩戝嚭鐜伴鏍间箣涓�鏄ā鎷熸按褰┿�傝繖绉嶈交鏌斾紭闆呴鏍肩湅璧锋潵鎬绘槸閭ｄ箞娓呮櫚鍜屽钩闈欍�?/p>
.jpg)
.jpg)
鎵嬪啓
鎵嬪啓瀛椾綋鍜岃崏绋垮瓧浣撲竴鐩存互鐢ㄥ緱寰堝帀瀹炽�傚熀浜庤繖涓師鍥狅紝璁稿璁捐甯堥伩寮�杩欎袱绉嶇被鍨嬶紝鍑轰簬鍘屾伓鎴栬�呭洜涓虹湅璧锋潵寰堜笟浣欑殑鎰熻銆備笉杩囨渶杩戯紝璁稿璁捐甯堥兘鍙戠幇锛屽鏋滀娇鐢ㄥ緱褰擄紝鎵嬪啓椋庢牸鍙互浼犺揪鎵嬪伐鑹哄拰绛栧垝鐨勬剰璇嗐�傚湪缁撳悎涓婁笅鏂囩幆澧冧娇鐢紝浼氭槸涓�涓姛鑳藉己澶х殑琛ㄨ揪鏂瑰紡銆?/p>
绀句氦濯掍綋
鐜板湪浜轰滑鍦‵acebook鍜孏oogle涓婅姳鏇村鐨勬椂闂达紝璁捐甯堟鐢ㄥ垱鏂扮殑鏂规硶鏉ユ妸绀句氦濯掍綋鏁村悎鍒扮綉绔欎笂銆?/p>
鏈変簺璁捐甯堢珶鐒跺湪绀句氦濯掍綋缃戠粶涓婂彂甯冨唴瀹癸紝鐒跺悗鍒╃敤浠栦滑鐨勭綉绔欒仛鍚堛�?/p>
鍙互寰堟湁鎶婃彙鐨勮闅忕潃2010骞寸殑杩涗竴姝ュ彂灞曪紝鎴戜滑灏嗙湅鍒版洿澶氱殑璁捐甯堝垱閫犳�у湴鏁村悎绀句氦濯掍綋鍒扮綉绔欙紝浠ユ洿濂界殑鍚稿紩鐢ㄦ埛銆?/p>
鍥哄畾鍏冪礌
鐜板湪锛屾祻瑙堝櫒鍙互鏇村ソ鍦版敮鎸佸厓绱爌osition: fixed灞炴�э紝鎴戜滑鐪嬪埌杩欎釜灞炴�х殑涓�浜涘阀鐢ㄣ�?/p>
寰堝鎯呭喌涓嬶紝鍥哄畾鐨勫厓绱狅紙濡傚浐瀹氫笉鍔ㄧ殑瀵艰埅鏉★級鍙互涓虹洰鏍囧鎴锋洿濂芥湇鍔★紝缃戠珯涔熸洿鍔犲疄鐢ㄣ�?/p>
鍥哄畾鍏冪礌浠や汉闅惧繕涓斿寮虹敤鎴蜂綋楠岋紝鏈夋棤鏁扮殑鍒涙剰鐢ㄩ�旓紝鎴戜滑灏嗕細鐪嬪埌璁捐甯堝埄鐢ㄨ繖浜涗紭鐐广�?/p>
鏂囩珷杞嚜锛歝nbeta.com
鍏徃鍔ㄦ�?/a>
- 2015寰愬窞浜跨綉APP鐐瑰瓙澶ц禌
- 鍛ㄥ叚灏忔父鎴?鈥斺�?姘存繁鐏儹
- 鏁伴挶娓告垙 --- 寮�蹇冧竴鍒?/a>
- 鍛ㄦ湯娓告垙
- 鐢卞緪宸炰嚎缃戞壙寤哄紑鍙戠殑濉旀満鍔ㄦ�佺洃鎺х鐞嗙郴缁熸寮忎笂绾?/a>
- 鐢卞緪宸炰嚎缃戞壙寤哄紑鍙戠殑璇轰竾鍖荤枟鍏锋湁闃蹭吉闃茬獪璐у姛鑳界殑寰俊鍏紬骞冲彴姝ｅ紡涓婄嚎
- 涓鏀惧亣鍓嶇殑鍥㈤槦娆㈣仛
- 鍙板効搴勪竴鏃ユ父
- 鍛ㄥ叚娓告垙 ------ 绐佸嚭閲嶅洿
- 7.26鏃ュ懆鍏椿鍔?/a>
琛屼笟璧勮
- 1鏈?鏃1鏈?鏃ョ櫨搴︾浉鍏崇郴缁熷嚭鐜版晠闅?/a>
- 鐧惧害鍏徃鐨勬妧鏈骇鍒互鍙婅柂璧勮寖鍥?/a>
- 浼佷笟App寮�鍙戞帹骞跨殑涓夊ぇ娴佺▼
- 寰愬窞缃戠粶鍏徃锛氱綉缁滈櫡闃变笉鍙笉闃?/a>
- iPhone6娑夊珜澶栬鎶勮
- 灞卞锛佹墥涓�鎵掗偅浜涢潬鐫�鍒汉鎵嶈兘娲荤殑鎵嬫満APP搴旂敤
- APP褰撻亾鐨勬椂浠ｄ綘鐢ㄦ垨鑰呬笉鐢紝瀹冨氨鍦ㄩ偅閲?/a>
- 鍋氱綉绔欒閫夋嫨鍚堥�傜殑鍩熷悕
- 濡備綍閬垮厤鎴愪负Google琛ュ厖鏉愭枡
- 璁よ瘑SEO鍘熺悊鍜岀綉绔欐帹骞挎柟寮?/a>
钀ラ攢绛栧垝
