⊕ 网站首页  ⊕注册会员  ⊕ 本站免费电影 ⊕ 留言板  ⊕ 繁體中文

 　

您现在的位置： 陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文
　

|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻锝夊箣閿濆憛鎾绘煕婵犲倹鍋ラ柡灞诲姂瀵潙螖閳ь剚绂嶉幆褜娓婚柕鍫濈凹缁ㄥ鏌涢悢鍛婄稇闁伙絿鏌夐妵鎰板箳濠靛洦娅旈梻浣告啞娓氭宕规导鏉戞瀬闁归棿鐒﹂埛鎺戙€掑锝呬壕闂侀€炲苯澧伴柛瀣洴閹崇喖顢涘☉娆愮彿闂佽顔栭崰姘卞婵傜ǹ绾ч柛顐ｇ☉婵″吋绻涢幖顓炴灍妞ゃ劊鍎甸幃娆戔偓娑櫭壕鍐参旈悩闈涗沪閻㈩垱甯￠崺鐐哄箣閿曗偓闁卞洦绻濋棃娑欐悙闁逞屽墻閸ㄨ泛顫忛搹瑙勫珰闁告瑥顦弨顓烆渻閵堝骸浜滄い锔诲灣閸欏懎鈹戦埥鍡楃仯闁告鍥у瀭婵犻潧顑嗛悡娆撴煙鐟欏嫬濮﹂柛銈嗙懅缁辨帡鎮╅崣澶庣闂佺懓寮堕幃鍌炲箖瑜斿畷鐓庘攽閸涱厼鐏侀梻鍌欐祰濡椼劎绮堟笟鈧畷顖炲箻椤旇壈鎽曢梺闈浨归崕顕€寮ㄦ禒瀣厱闁斥晛鍘鹃鍕ㄦ瀺闁挎繂妫涚弧鈧紒鍓у閿氬褎褰冮埞鎴︽倷鐠囇冧紣濡炪値鍋勭换鎺旀閹烘嚦鐔烘嫚瀹割喒鍋撻幘缁樷拺闁告稑锕﹂埥澶愭煥閺囨ê鍔︾€规洘娲熼獮妯肩磼濡攱瀚奸梻浣告啞缁哄潡宕曢崡鐐╂瀺闊洦绋掗悡鏇㈡倵閿濆簼鎮嶇€规悶鍎甸弻锝夋晲閸パ冨箣濡ょ姷鍋涘ú顓€€佸☉妯滅喓鎲撮崟顓熺稁闂傚倸鍊风粈浣革耿闁秴纾块柕鍫濐槸閸ㄥ倿鏌ょ粙璺ㄤ粵缂傚秴娲弻娑㈩敃閻樻彃濮曞銈冨劚閿曘儵濡甸崟顖氱疀闁宠桨鑳舵禒鐐節閵忥絾纭鹃悗姘嵆瀵鎮㈤崜鍙壭ч柟鍏肩暘閸ㄧ懓鈻撳畝鍕拺閻庡湱濮甸ˉ澶嬨亜閿曗偓閻忔岸骞堥妸鈺佺劦妞ゆ帒瀚悡鍐煃鏉炴壆顦﹂柡鍡欏仱閺岋絽鈹戦崶褉鏋欏┑顔硷功缁垶骞忛崨瀛樻優妤犵偛绨遍崑鎾寸節閸ャ劎鍘遍梺瑙勫劤椤曨厾绮婚悙鐑樼厵妞ゆ梹鍎抽崢鏉戔攽閿涘嫬鍘撮柛鈹惧墲閹峰懘宕崟顐ょ杽闂備浇顕ф鎼佸储濠婂牆纾婚柟鍓х帛閻撴洟鏌￠崶銉ュ闁告ɑ鎸抽弻鐔兼煥鐎ｎ偁浠㈠┑顔硷工椤嘲鐣烽幒鎴僵闁告鍎愰弶鍝ョ磽閸屾瑧顦︽い鎴濇閺侇噣鏁撻悩鍙夌€悗骞垮劚椤︻垳鐚惧澶嬬厱妞ゆ劑鍊曢弸鏃堟煕濡吋鏆慨濠冩そ瀹曘劍绻濋崒婊€鎴烽梻浣呵归敃銉╂偋濠婂牆鐒垫い鎺嶈兌閸熸煡鏌熼崙銈嗗
|
缂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻锝夊箣閿濆憛鎾绘煕閵堝懎顏柡灞剧洴椤㈡洟鏁愰崱娆樻О闂備浇顕栭崹鎶藉磻閵堝宓侀柡宥庣仈鎼搭煈鏁嗛柍褜鍓氭穱濠冪附閸涘﹦鍘藉銈嗘尵閸ｃ儱鈻撳⿰鍕垫闁绘劕顕晶顏堟嚕閹邦厹浜滈柟鍝勬娴滅偓绻濆鏋€曟禍鍦磼鏉堛劌娴柛鈹惧亾濡炪倖甯掔€氼剛澹曢崗鑲╃闁瑰鍋為惃鎴炪亜閺冣偓濞茬喎顫忓ú顏呭仭闂侇叏绠戝▓鍫曟⒑缁嬪尅鏀婚柛銊ф暬閿濈偛鈹戦崼鐔风／闂佸憡绻傜€氼剙鈻撻妶澶嬧拺闁荤喐婢橀幃鎴︽煟閿濆簼閭€规洘绻傞鍏煎緞鐎ｎ亙绨甸梻濠庡亜濞诧妇绮欓幘璇茬煑闁瑰墽绮悡鏇㈡煏婢舵ê鏋ゅù婊€绮欓弻娑㈩敃閻樻彃濮庣紒鐐劤椤兘寮婚悢鐓庣畾鐟滃繘鏁嶅澶嬬厸闁糕槅鍘鹃悾鐢告煛鐏炲墽娲村┑锛勫厴婵偓闁斥晛鍟拌ぐ鍥煟鎼淬値娼愰柟鎼侇棑濞嗐垹顫濋澶嬬稁婵犵數濮甸懝鍓у閸忚偐绠鹃柛鈩兠悞鐐繆瀹割喖娅嶆慨濠傛惈鏁堥柛銉戔偓閸嬫捇寮撮悘缁樻そ婵¤埖寰勯崼姘壕闁告侗鍠氶梽鍕磼鐎ｎ収鍤﹂柍鍝勬噺閻撳啴鏌涘┑鍡楊仼闁逞屽墰鏋柍缁樻崌楠炲鏁傜憴锝嗗闂備礁鎲￠幐鏄忋亹閸愨晝顩叉繝闈涙川缁犻箖鏌涘▎蹇ｆШ濠⒀呮暩閳ь剝顫夊ú鏍礊婵犲倻鏆﹂柟鐑橆殕閸婄兘鎮楅悽鐧荤懓顕ｉ幎鑺モ拻濞达綀娅ｇ敮娑欑箾閸欏澧电€规洘鍔欏畷鐑筋敇濞戞ü澹曞┑顔结缚閸嬫挾鈧熬鎷�
|
婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繘鏌ｉ幋锝嗩棄闁哄绶氶弻鐔兼⒒鐎靛壊妲紒鎯у⒔缁垳鎹㈠☉銏犵婵炲棗绻掓禒楣冩⒑缁嬫鍎嶉柛濠冪箞瀵寮撮悢铏诡啎閻熸粌绉归獮濠冩償閵娿儲杈堝┑掳鍊曢幊蹇涘煕閹寸姷纾奸悗锝庡幗绾爼鏌ｈ箛娑楁喚闁哄本绋撻埀顒婄秵閸嬪棝濡撮幒鏃傜＜妞ゆ棁鍋愭晶锔锯偓瑙勬礃閿曘垽銆佸▎鎾村仼閻忕偠妫勭粭姘舵⒒閸屾瑧顦﹂柟璇х磿閹广垽宕掑┃鎯т壕婵ḿ鍘ф晶鎾煕閳规儳浜炬俊鐐€栫敮濠囨倿閿曞倸纾归柟閭﹀枓閸嬫挾鎲撮崟顒傤槰缂備緡鍠楅幑鍥Υ娴ｈ倽鏃堝川椤撶媭妲规俊鐐€栭崹鍏兼叏閵堝洠鍋撳顑惧仮婵﹥妞介幊锟犲Χ閸涘懌鍨虹换娑樏圭€ｎ偅鐝栨繛瀛樼矌鏋柍璇查叄楠炴ê鐣烽崶鑸敌熼梻鍌欑窔濞艰崵鈧潧鐭傚畷銏ゅ礈瑜嶉ˉ姘攽閸屾碍鍟為柣鎾跺Х閻ヮ亪寮堕崹顔垮煘婵犫拃鍌氬祮闁诡喕绮欓、娑樷槈濮樸儮鍋撻幒鏃傜＜閺夊牄鍔屽ù顔锯偓娈垮櫘閸ｏ絽鐣烽幒鎴僵妞ゆ挾濮抽柇顖炴⒑鐠囧弶鍞夋い顐㈩槸鐓ら柡宥庡幖鍥撮梺鍛婄☉閿曪絿鎹㈤崱娑欑厽闁硅揪绲鹃ˉ澶愬船椤栫偞鍋℃繝濠傚暟缁犱即鏌ｉ敐鍥у幋鐎规洖銈稿鎾偄閸欏顏烘繝鐢靛仩閹活亞绱為埀顒€鈹戦鍝勨偓妤€鈽夐悽绋块唶闁哄洨鍠撻崢閬嶆⒑閹稿海绠撶紒缁樺浮閹箖宕归顐ｎ啍闂佺粯鍔樼亸娆戠不婵犳碍鐓涘ù锝堫潐瀹曞矂鏌℃担瑙勫磳闁轰焦鎹囬弫鎾绘晸閿燂拷
|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾剧懓顪冪€ｎ亝鎹ｉ柣顓炴閵嗘帒顫濋敐鍛婵°倗濮烽崑鐐烘偋閻樻眹鈧線寮村杈┬㈤梻浣规偠閸庢椽宕滃鑸靛€块柤娴嬫杹閸嬫捇鐛崹顔煎闂佺娅曢崝娆撳极瀹ュ鍋勯柛蹇撶毞閹锋椽姊洪棃鈺佺槣闁告ê銈搁妴鍌炲礂閼测晝鐦堥梺闈涚箚濡插嫰鎳撶捄銊㈠亾鐟欏嫭绀€缂傚秴锕ら悾鐑藉箳閹存梹顫嶉梺鍝勭▌婵″洭鎯勬惔銊︹拻濞达絽鎲￠幆鍫㈢磼婢跺鍙€鐎规洘绻傞悾婵嬪礋椤掆偓閳ь剝娉曢幉鎼佹偋閸繄鐟查梺缁樻尰閻╊垶骞冨Δ鍛櫜閹煎瓨绻堥崑妤呮⒑閸涘﹦鎳冮悗姘嵆瀵鏁嶉崟顏呭媰闂佺粯鍔﹂崜娑⑺囬鍓х＝濞达絽鎼牎缂備礁顑嗙敮鐐哄箲閵忕姭鏀介悗锝庝簽椤︺劑姊洪棃娑掑悍濠碘€虫穿閵囨劙骞橀瑙ｆ嫽闂佺ǹ鏈悷銊╁礂瀹€鍕嚑妞ゅ繐鎳屾禍婊堟煙鐎涙ḿ绠栨い銉ｅ灪椤ㄣ儵鎮欓弶鎴濐潚濡ょ姷鍋為悧妤呭箯閸涙潙浼犻柕澶堝劚缂佲晜绻濋悽闈浶為柛銊у帶閳绘柨鈽夐姀鈩冩珖闂佹寧娲栭崐绋啃ч弻銉︾叆闁哄洨鍋涢埀顒€缍婇幃锟犲即閵忥紕鍘繝銏ｆ硾閻楀棝鎮橀鍛闁告侗鍘介ˉ鐐电磼缂佹ḿ娲寸€规洖銈搁幃銏ゅ箹閻愭媽妾稿┑鐘愁問閸犳牠鏁冮妸銉㈡瀺闁挎繂顦粻顖炴煟濡鍤欑紒鐘垫暬閺岀喖鎮滃Ο鑲╃暤婵犵绱曢崗妯侯潖缂佹ɑ濯撮柧蹇曟嚀缁椻€斥攽閳藉棗浜滅紒缁樏悾宄扳堪閸喎浜滈梺鍏肩ゴ閺呮稓绮婇敃鍌涱棅妞ゆ劑鍨烘径鍕磼鐎ｎ偄娴€殿喗鐓￠獮鏍ㄦ媴閸︻厼寮抽梻浣虹帛濞叉牠宕愰崷顓涘亾濮樼偓瀚�
|
缂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽ｉ鈧鍝勑ч崶褉鍋撻妶澶婄獥婵°倕鎳庢闂佸憡娲﹂崹浼村礃閳ь剙顪冮妶鍡楀Е婵犫懇鍋撶紓渚囧枛閻栫厧顫忓ú顏勭闁绘劖褰冮‖鍫ユ⒑缁嬪尅宸ユ繛灏栤偓鎰佸殨閻犲洦绁村Σ鍫ユ煏韫囧﹤澧叉繛鍛閺岋綁鎮╅崣澶婎槱閻熸粍婢橀崯鎵垝閺勫繈浜归柟鐑樻尨閹锋椽姊虹涵鍛汗闁稿绋掓穱濠囨偩瀹€鈧壕濂告偣閸ヮ亜鐨哄褝濡囬埀顒侇問閸犳牠鈥﹂柨瀣╃箚闁割偅娲栭悙濠囨煃閸濆嫬鏆熼柛姗嗗灦濮婃椽鎳￠妶鍛咃絽霉濠娾偓缁瑥鐣峰┑鍫氬亾閿濆骸澧柛銊︾箞閺岋綁濮€閻樺啿鏆堥梺鎶芥敱閸ㄥ湱妲愰幒鏂哄亾閿濆骸浜滄い鏇熺矒閺岀喖鎯傞崫銉滈梺鍝勬湰閻╊垶骞冮埡浣烘殾闁搞儜鈧幏浼存煟鎼淬埄鍟忛柛鐘崇墵閳ワ箓鎮滈挊澶嬬€梺鐟板⒔缁垶宕戦幇鐗堢厾缁炬澘宕晶缁樹繆闊厼宓嗘慨濠勭帛缁楃喖鍩€椤掆偓宀ｈ儻顦抽柣蹇旂懇濮婅櫣绮欓崹顔炬О闂侀潻缍囩徊浠嬫偩閻戣棄绠ｉ柨鏇楀亾缂佺姷绮〃銉╂倷鐏炲倷绮у┑顔款潐椤ㄥ﹤顫忓ú顏勬嵍妞ゆ挾鍋涙俊娲⒑閹肩偛濮€闁糕晜鐗曞玻鑳疀濞戞﹢鍞堕梺闈涱檧閼靛綊骞忓ú顏呯厽闁绘ê鍘栭懜顏堟煕閺傝儻瀚伴柍璇茬Ч楠炲洭鎮ч崼銏犲箥闂備礁鎲￠崹顖炲磹閺嶎偀鍋撳鐐
|
IT闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁惧墽鎳撻—鍐偓锝庝簼閹癸綁鏌ｉ鐐搭棞闁靛棙甯掗～婵嬫晲閸涱剙顥氬┑掳鍊楁慨鐑藉磻閻愮儤鍋嬮柣妯荤湽閳ь兛绶氬鎾閳╁啯鐝栭梻渚€鈧偛鑻晶鏉款熆鐟欏嫭绀夐柕鍥ㄥ姍楠炴帡骞樼捄鍝勭闂傚倷鑳堕、濠囧箵椤忓棗绶ゅΔ锝呭彎婢跺绶炵€光偓閳ь剙螞椤栨稏浜滈柟鎯ь嚟閳藉霉濠婂牏鐣烘慨濠傤煼瀹曟帒鈻庨幋顓熜滈梻浣侯攰椤曟粎鎹㈠┑鍡欐殾婵犻潧顑呴崡鎶芥煟閹邦剛肖闁哥姵鍔楅幑銏犫攽鐎ｎ亞锛滃┑鈽嗗灠閸㈠弶绂嶆ィ鍐╃厵闁绘垶蓱鐏忕數绱掗埦鈧崑鎾寸節濞堝灝鏋熼柨鏇楁櫊瀹曘垺銈ｉ崘銊х厬闂佺硶鍓濈粙鎺楀煕閹寸姷纾藉ù锝堝亗閹寸姷鐭嗛柍褜鍓熷铏圭矙閸栤€充紣濠电姭鍋撻梺顒€绉撮悞鍨亜閹哄秷鍏岄柛鐔哥叀閺岀喖宕欓妶鍡楊伓
|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾剧懓顪冪€ｎ亝鎹ｉ柣顓炴闇夐柨婵嗩槹娴溿倝鏌ら弶鎸庡仴婵﹥妞介、妤呭焵椤掑倻鐭撻柟缁㈠枛绾惧ジ鏌曟繛褍瀚弸鎴︽⒑閸濆嫬鏆欓柣妤€妫涚划濠氬冀閵娧咁啎閻庣懓澹婇崰鏇犺姳婵犳艾绠氶柣鏂垮悑閳锋垿姊婚崼鐔剁繁婵☆垰鐗撻弻娑㈡偐閹颁焦鐣肩紓浣戒含閸嬬偤骞嗛弮鍫濐潊闁靛繈鍨诲Σ鍥⒒娴ｅ湱婀介柛銊ㄦ宀ｈ儻顦抽柣妤€閰ｅ缁樻媴閸濆嫬浠樼紓鍌氱Т閿曪妇鍒掓繝姘唨鐟滄粓宕甸弴銏＄厱婵炴垶锕崝鐔兼煟閻旈绉洪柡灞界Х椤т線鏌涢幘璺烘瀻妞ゆ洩绲剧换婵嗩潩椤掆偓瀹撳棝姊洪棃娑氱濠电偐鍋撻梺鍝ュ仩濞夋盯鍩為幋锔藉亹闁肩⒈鍏涚划鐢告⒑閸涘﹥鈷愰柣妤佺矒閹柉顦寸紒杈ㄦ崌瀹曟帒顫濋钘変壕闁绘垼濮ら崵鍕煠閹间焦娑ч柛銊︽⒐閵囧嫰骞橀崡鐐典患闂傚倸鍋嗛崹鍫曞蓟閵娿儮鏀介柛鈾€鏅滅瑧闂備浇妫勯崯浼村窗閹捐鐒垫い鎺嗗亾缂佺姴绉瑰畷鏇㈡焼瀹ュ棗浜卞┑鐘诧工閸犳岸鎮楅崼鏇熺厪濠电偟鍋撳▍鍡涙煃闁垮鐏撮柡灞剧☉閳藉顫滈崼鐔告毎闂佽绻愮换瀣础閹惰棄钃熼柨婵嗩槹閸嬪嫰鏌涘▎蹇ｆЧ闁绘繃宀稿娲濞戞瑯妫涚紓浣插亾濞撴埃鍋撻柛鈹垮灪閹棃濡搁妷褜鍞洪梻浣告惈閸燁偊宕愰悷閭︾唵闁瑰鍋熺弧鈧梺姹囧灲濞佳勭閿曞倹鐓曢柕濞垮劤閸╋綁鏌熼鎯у幋闁轰礁鍟撮崺鈧い鎺戝閻撴繄鈧箍鍎遍ˇ顖烇綖閸涘瓨鐓忛柛顐ｇ箖椤ユ垿鏌熼柨瀣仢闁哄矉缍侀幃鈺呭礂閸涙澘鐒婚梻浣告啞閺屻劑鎳熼鐐茬厺鐎广儱顦粻娑㈡煟濡も偓閻楀繘宕㈤悽鍛娾拺闁告稑锕ら悘鐔兼煕婵犲啰澧遍柍褜鍓氶悢顒勫箯閿燂拷
|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻锝夊箣閿濆憛鎾绘煕婵犲倹鍋ラ柡灞诲姂瀵潙螖閳ь剚绂嶉幆褜娓婚柕鍫濈凹缁ㄥ鏌涢悢鍛婄稇闁伙絿鏌夐妵鎰板箳濠靛洦娅旈梻浣告啞娓氭宕规导鏉戞瀬闁归棿鐒﹂埛鎺戙€掑锝呬壕闂侀€炲苯澧伴柛瀣洴閹崇喖顢涘☉娆愮彿闂佽顔栭崰姘卞婵傜ǹ绾ч柛顐ｇ☉婵″吋绻涢幖顓炴灍妞ゃ劊鍎甸幃娆戔偓娑櫭壕鍐参旈悩闈涗沪閻㈩垱甯￠崺鐐哄箣閿曗偓闁卞洦绻濋棃娑欐悙闁逞屽墻閸ㄨ泛顫忛搹瑙勫珰闁告瑥顦弨顓烆渻閵堝骸浜滄い锔诲灣閸欏懎鈹戦埥鍡楃仯闁告鍥у瀭婵犻潧鐗冮崑鎾诲礂婢跺﹣澹曢梻浣告啞濞诧箓宕滃▎鎰浄濠靛倸鎲￠埛鎴犵磽娴ｅ顏堟倶鏉堛劋绻嗘い鎰╁灩椤忣參鏌熼鐣屾噭缂佺粯绻堝畷鍫曞Ω瑜嶇敮妤呮⒒娴ｅ憡鍟炵紒璇插€婚埀顒佸嚬閸撶喎顕ｉ幖浣规櫆闁告挆鍜冪床闂佸搫顦悧婊堝磻閸曨垱鍎嶉柧蹇撴贡绾惧ジ寮堕崼娑樺鐎规洖鐬奸埀顒冾潐濞叉ḿ鏁幒妤嬬稏婵犻潧顑愰弫鍕煢濡警妲峰瑙勬礋濮婇缚銇愰幒鎿勭吹闂佺粯甯粻鎾崇暦閹寸姭鍋撻敐搴℃灓闁告瑦鎹囬弻娑㈠Ψ閿濆懎顬夐梺鎶芥敱閸旀瑩寮诲☉妯锋瀻闊洦娲滈鎺楁⒑閸濆嫮鐒跨紓宥勭劍閹便劑鍩€椤掑嫭鐓冮柟顖滃绾墽绱撳鍜冭含妤犵偛妫涙禒锔芥姜閹稿孩顥堢€规洏鍔戦、娆撳箚瑜嶅Ч鏌ユ⒒閸屾瑨鍏岀紒顕呭灠鐓ら柡宥庡幖绾惧綊鏌涢敂璇插箰闁稿鎸搁～婵嬫倷椤掆偓椤忥拷
|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧湱鈧懓瀚崳纾嬨亹閹烘垹鍊為悷婊冪箻瀵娊鏁冮崒娑氬幗闂侀潧绻嗛幊姘跺捶椤撶姷骞撳┑掳鍊曢幊蹇涙偂濞嗘挻鐓欐繛鍫濈仢閺嬫稒銇勯敐鍛仮闁哄本绋撻埀顒婄到婢у海寮ч埀顒勬⒑閸濆嫭婀版繛鍙壝銉╁礋椤栨岸鍞跺┑鐘绘涧濡藟濞嗘劗绡€闁汇垽娼ф禒锕傛煕閵婏箑鍔剁憸鐗堢矒濮婅櫣鎮伴垾鍏呭濠电偛顕慨鎾敄閸℃稑纾归柣銏犳啞閻撱儲绻濋棃娑欘棞闁哄棙鐟ラ埞鎴︽晬閸曨偄骞嬮梺鍝勬湰缁嬫捇鍩€椤掑﹦绉甸柛瀣噹閻ｅ嘲鐣濋埀顒勫焵椤掑喚娼愭繛鍙夅缚閺侇噣鏁撻悩鑼暫濠电偛妫欓幐鎼佹嫅閻斿吋鐓忓璺虹墕閸旀粓鏌￠崱鈺€閭慨濠傤煼瀹曟帒鈻庨幋顓熜滈梻浣告贡閳峰牓宕戦崟顓炲疾闂備線娼ц墝闁哄懏绋撴竟鏇熺節濮橆厾鍘介梺褰掑亰閸犳牠宕濈€ｎ喗鐓曞┑鐘插€绘禒娑㈡煏閸パ冾伃妤犵偞甯″畷鍗烆渻閹屾闂傚倸鍊风粈渚€鎮块崶顒婄稏濠㈣埖鍔曢崹鍌炴煕瑜庨〃鍛不閺嶃劎绠鹃柛鈩兩戠亸顓㈡煟椤撶噥娈旀い顓炴健閹虫粓鎯夐鍛伌闁轰礁绉电粭鐔煎焵椤掆偓椤繒绱掑Ο璇差€撻柣鐔哥懃鐎氼剚绂掗埡鍛拺闁告稑锕ラ悡銉╂⒑鐢喚鍒伴柣锝夋敱鐎靛ジ寮堕幋婵嗘暏闁荤喐绮嶇划鎾崇暦閻㈢ǹ鍗抽柣鎰ㄦ櫆閺傗偓闂備胶绮敋缁剧虎鍙冮妴鍌炲蓟閵夛妇鍘搁梺鍛婁緱閸犳宕愰幇鐗堢厸閻忕偠顕ф慨鍌炴煙椤斿搫鈧繂鐣烽幒鎴旀婵妫旂槐锟�
|
 　 　
专 题 栏 目
 濠电姷鏁告慨鐑藉极閸涘﹥鍙忛柣鎴ｆ閺嬩線鏌涘☉姗堟敾闁告瑥绻橀弻锝夊箣閿濆棭妫勯梺鍝勵儎缁舵岸寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閹冣挃缂侇噮鍨抽幑銏犫槈閵忕姷顓洪梺缁樺姇閻忔岸宕宠缁辨挻鎷呯粙娆炬殺闂佺ǹ顑冮崐婵嗩嚕鐠囨祴妲堥柕蹇曞閵婏负浜滈柡鍐ㄥ€哥敮鑸点亜椤愮喐娅囩紒杈ㄦ尰閹峰懘骞撻幒宥咁棜闂傚倷绀佹竟濠囧磻閸℃稑绐楅柟鎹愭硾婵剟鏌嶈閸撶喎顫忔繝姘＜婵ê宕·鈧紓鍌欑椤戝棛鏁敓鐘叉瀬鐎广儱顦猾宥夋煕椤愩倕鏋旈柛姗€绠栧娲传閸曞灚歇濠电偛顦板ú妯肩矉閹烘顫呴柕鍫濇－濮婃寧绻濋姀锝呯厫闁告梹鐗犻幃锟犲Ψ閿斿墽鐦堥梻鍌氱墛缁嬫帡藟閻愮儤鐓曢柨婵嗘閵囨繈鏌熼鑲╃Ш妤犵偛娲俊鎼佸Ψ閵夈垺瀚熼梻鍌欑窔濞佳兠洪妶鍥ｅ亾濮橆偄宓嗙€规洘妞介弫鎾绘偐閼碱剦妲伴梻渚€娼ф灙闁稿氦浜划濠氭晲婢跺鎷绘繛杈剧悼閻℃棃宕甸崘顔界厱闁绘ê纾ú鎾煥濠靛牆浠︾€垫澘瀚伴獮鍥敆閸屻倕鏁搁梻鍌欑閹诧紕绮欓幒鎴撶細婵炲棙鍔曢閬嶆煟濡偐甯涢柣鎾崇箰椤潡鎳滃妤婁邯閹﹢鏁愰崶鈺冿紲闂侀€炲苯澧紒缁樼箞瀹曠喖顢橀悪鍛棷闂傚倷鑳舵灙闁哄牜鍓熼幃鐤樄閽樻繈鏌ㄩ弬娆炬綗濞存粍绮撻弻銊╁籍閸ヨ泛娈梺璇查獜缁犳捇寮婚悢纰辨晩闁活収鍋掓禍顏堝春閻愬搫绠ｉ柣姗嗗亜娴滈箖鏌ㄥ┑鍡欏嚬缂併劋绮欓弻娑樷枎鐏炴垝澹曟繝鐢靛Х閺佸憡鎱ㄦ导鏉戝瀭濠靛倻枪閺勩儵鏌″搴″箹缂佲偓婢舵劖鐓涢柛銉㈡櫅鍟告繛鎴炴尭缁夋挳鍩為幋锔藉亹鐎规洖娴傞弳锟犳⒑缁嬪尅宸ラ柣蹇旀皑閹广垹鈽夐姀鐘殿吅闂佺粯鍨靛Λ鏃堟儉椤忓嫷娓婚柕鍫濇噽缁犵増淇婇锝庢疁閽樼喐鎱ㄥΟ鍨厫闁绘挻娲熼弻鐔兼焽閿曗偓婢ь垶鏌嶇紒妯荤缂佺粯鐩獮姗€骞囨担鍝勬倯闂備礁鎼張顒€煤閻旈鏆﹂柣鎾崇岸閺€浠嬫煕椤愮姴鐒洪柛鐐存そ濮婅櫣鎷犻懠顒€鍤紓浣瑰絻椤嘲鐣烽幋锕€绠涙い鏃傜摂濞肩喖姊洪崷顓炲妺妞ゃ劌绻樺顐ｇ節閸ャ劎鍘介梺鎸庣箓閹冲繐锕㈡导瀛樼厱闁挎稑宕崰姘€掓繝姘厪闁割偅绻冮ˉ鐐电磼瀹€鍐╃《缂佽鲸鎸搁濂稿礋椤撗勑滈梻浣风串缁插潡宕楀鈧悰顕€宕堕浣镐罕闂佸壊鍋呯换鈧紒銊ヮ煼濮婄粯鎷呴悷鏉垮Б缂備胶绮〃濠囨晲閻愭潙绶炲┑鐘叉捣閸炵敻姊虹涵鍛涧闂傚嫬瀚伴崺娑㈠箳閹炽劌缍婇弫鎰板川椤斿吋娈橀梻浣筋嚃閸ㄤ即鎮ф繝鍕床婵炴垶鐭▽顏堟煕鐏炴崘澹樻い顐㈡喘閹鎲撮崟顒傦紱闂佸憡顨嗘繛濠囨偘椤斿槈鐔兼嚃閳哄喛绱叉繝纰樻閸ㄩ潧顩奸妸褍鍨濈憸鏂款潖缂佹ɑ濯撮柤鎭掑劤閵嗗﹪姊洪棃鈺冪Ф缂佺姵鎹囬悰顔跨疀濞戞瑦娅㈤梺璺ㄥ櫐閹凤拷
相 关 文 章

必看绝对让人落泪的经典
在浏览器地址栏运行的网
安全下载 掌握迅雷5.9隐
母亲节礼物 美图秀秀DIY
如何设置 Discuz！V7.0 
苹果公司发布Final Cut 
Discuz！NT v1.0正式版横
新潮流聊天工具“滴(Dii
DirectShow漏洞来了 Z武
从开源到开放Discuz！NT
　
掌握DIV+CSS网页布局的基础知识           
掌握DIV+CSS网页布局的基础知识
作者：陈鹏 文章来源：eNet 点击数：138 更新时间：2009-9-12 9:12:49
　




　

CSS教程栏目中汇集了大量的CSS知识，这些知识已经非常全面了，但很多CSSer新手初来本站，依然云里雾里，现整理一些DIVCSS网页布局常用的一些基础知识，供大家学习，欢迎补充及提一些建议。

　　CSS命名规范

　　一．文件命名规范

　　全局样式：global.css；

　　框架布局：layout.css；

　　字体样式：font.css；

　　链接样式：link.css；

　　打印样式：print.css；

　　二．常用类/ID命名规范

　　页　眉：header

　　内　容：content

　　容　器：container

　　页　脚：footer

　　版　权：copyright　

　　导　航：menu

　　主导航：mainMenu

　　子导航：subMenu

　　标　志：logo

　　标　语：banner

　　标　题：title

　　侧边栏：sidebar

　　图　标：Icon

　　注　释：note

　　搜　索：search

　　按　钮：btn

　　登　录：login

　　链　接：link

　　信息框：manage

　　……

　　常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn

热门推荐： 黑客的选择：六大数据库攻击手段 教你如何架设安全的交换机系统

　　CSS书写规范及方法

　　一. 常规书写规范及方法

　　1. 选择DOCTYPE：

　　XHTML 1.0 提供了三种DTD声明可供选择：

　　过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下：

　　＜!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>

　　严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如＜br>。完整代码如下：

　　＜!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>

　　框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下：

　　＜!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd“>

　　理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站，使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。

　　2. 指定语言及字符集：

　　为文档指定语言：

　　＜html xmlns=”http://www.w3.org/1999/xhtml” lang=”en”>

　　为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言；如：

　　常用的语言定义：

　　＜meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

　　标准的XML文档语言定义：

　　＜?xml version=”1.0″ encoding=” utf-8″?>

　　针对老版本的浏览器的语言定义：

　　＜meta http-equiv=”Content-Language” content=” utf-8″ />

　　为提高字符集，建议采用“utf-8”。

　　3. 调用样式表：

　　外部样式表调用：

　　页面内嵌法：就是将样式表直接写在页面代码的head区。 如：

　　＜style type=”text/css”>＜!– body { background : white ; color : black ; } –> ＜/style>

　　外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。

　　＜link rel=”stylesheet” rev=”stylesheet” href=”css/style.css” type=”text/css” media=”all” />

　　在符合web标准的设计中，推荐使用外部调用法，可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。

热门推荐： 黑客的选择：六大数据库攻击手段 教你如何架设安全的交换机系统

　　4、选用恰当的元素：

　　根据文档的结构来选择HTML元素，而不是根据HTML元素的样式来选择。例如，使用P元素来包含文字段落，而不是为了换行。如果在创建文档时找不到适当的元素，则可以考虑使用通用的div 或者是span；

　　避免过渡使用div和span。少量、适当的使用div和span元素可以使文档的结构更加清晰合理并且易于使用样式；

　　尽可能少地使用标签和结构嵌套，这样不但可以使文档结构清晰，同时也可以保持文件的小巧，在提高用户下载速度的同时，也易于浏览器对文档的解释及呈视；

　　5、派生选择器：

　　可以使用派生选择器给一个元素里的子元素定义样式，在简化命名的同时也使结构更加的清晰化，如：

　　.mainMenu ul li {background:url(images/bg.gif;)}

　　6、辅助图片用背影图处理：

　　这里的”辅助图片”是指那些不是作为页面要表达的内容的一部分，而仅仅用于修饰、间隔、提醒的图片。将其做背影图处理，可以在不改动页面的情况下通过CSS样式来进行改动，如：

　　#logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;}

　　7、结构与样式分离：

　　在页面里只写入文档的结构，而将样式写于css文件中，通过外部调用CSS样式表来实现结构与样式的分离。

　　8、文档的结构化书写：

　　页面CSS文档都应采用结构化的书写方式，逻辑清晰易于阅读。如：

　　＜div id=”mainMenu”>

　　＜ul>

　　＜li>＜a href=”#” >首页＜/a>＜/li>

　　＜li>＜a href=”#” >介绍＜/a>＜/li>

　　＜li>＜a href=”#” >服务＜/a>＜/li>

　　＜/ul>

　　＜/div>

　　/*=====主导航=====*/

　　#mainMenu {

　　width:100%;

　　height:30px;

　　background:url(images/mainMenu_bg.jpg) repeat-x;

　　}

　　#mainMenu ul li {

　　float:left;

　　line-height:30px;

　　margin-right:1px;

　　cursor:pointer;

　　}

　　/*=====主导航结束=====*/

　　9、鼠标手势：

　　在XHTML标准中，hand只被IE识别，当需要将鼠标手势转换为“手形”时，则将“hand”换为“pointer”，即“cursor:pointer;”

　　二．注释书写规范

　　1、行间注释：

　　直接写于属性值后面，如：

　　.search{

　　border:1px solid #fff;/*定义搜索输入框边框*/

　　background:url(../images/icon.gif) no-report #333;/*定义搜索框的背景*/

　　}

　　2、整段注释：

　　分别在开始及结束地方加入注释，如：

　　/*=====搜索条=====*/

　　.search {

　　border:1px solid #fff;

　　background:url(../images/icon.gif) no-repeat #333;

　　}

　　/*=====搜索条结束=====*/

　　三．样式属性代码缩写

　　1、不同类有相同属性及属性值的缩写：

　　对于两个不同的类，但是其中有部分相同甚至是全部相同的属性及属性值时，应对其加以合并缩写，特别是当有多个不同的类而有相同的属性及属性值时，合并缩写可以减少代码量并易于控制。如：

　　#mainMenu {

　　background:url(../images/bg.gif);

　　border:1px solid #333;

　　width:100%;

　　height:30px;

　　overflow:hidden;

　　}

　　#subMenu {

　　background:url(../images/bg.gif);

　　border:1px solid #333;

　　width:100%;

　　height:20px;

　　overflow:hidden;

　　}

　　两个不同类的属性值有重复之处，刚可以缩写为：

　　#mainMenu,#subMenu {

　　background:url(../images/bg.gif);

　　border:1px solid #333;

　　width:100%;

　　overflow:hidden;

　　}

　　#mainMenu {height:30px;}

　　#subMenu {height:20px;}

　　2、同一属性的缩写：

　　同一属性根据它的属性值也可以进行简写，如：

　　.search {

　　background-color:#333;

　　background-image:url(../images/icon.gif);

　　background-repeat: no-repeat;

　　background-position:50% 50%;

　　}

　　.search {

　　background:#333 url(../images/icon.gif) no-repeat 50% 50%;

　　}

热门推荐： 黑客的选择：六大数据库攻击手段 教你如何架设安全的交换机系统

　　3、内外侧边框的缩写：

　　在CSS中关于内外侧边框的距离是按照上、右、下、左的顺序来排列的，当这四个属性值不同时也可直接缩写，如：

　　.btn {

　　margin-top:10px;

　　margin-right:8px;

　　margin-bottom:12px;

　　margin-left:5px;

　　padding-top:10px;

　　padding-right:8px;

　　padding-bottom:12px;

　　padding-left:8px;

　　}

　　则可缩写为：

　　.btn {

　　Margin:10px 8px 12px 5px;

　　Padding:10px 8px 12px 5px;

　　}

　　而如果当上边与下边、左边与右边的边框属性值相同时，则属性值可以直接缩写为两个，如：

　　.btn {

　　margin-top:10px;

　　margin-right:5px;

　　margin-bottom:10px;

　　margin-left:5px;

　　}

　　缩写为：

　　.btn {margin:10px 5px;}

　　而当上下左右四个边框的属性值都相同时，则可以直接缩写成一个，如：

　　.btn {

　　margin-top:10px;

　　margin-right:10px;

　　margin-bottom:10px;

　　margin-left:10px;

　　}

　　缩写为：

　　.btn{margin:10px;}

　　4、颜色值的缩写：

　　当RGB三个颜色值数值相同时，可缩写颜色值代码。如：

　　.menu { color:#ff3333;}

　　可缩写为:

　　.menu {color:#f33;}

热门推荐： 黑客的选择：六大数据库攻击手段 教你如何架设安全的交换机系统

　　四．hack书写规范

　　因为不同浏览器对W3C标准的支持不一样，各个浏览器对于页面的解释呈视也不尽相同，比如IE在很多情况下就与FF存在3px的差距，对于这些差异性，就需要利用css 的hack来进行调整，当然在没有必要的情况下，最好不要写hack来进行调整，避免因为hack而导致页面出现问题。

　　1、 IE6、IE7、Firefox之间的兼容写法：

　　写法一：

　　IE都能识别*;标准浏览器(如FF)不能识别*；

　　IE6能识别*，但不能识别 !important,

　　IE7能识别*，也能识别!important;

　　FF不能识别*，但能识别!important;

　　根据上述表达，同一类/ID下的CSS 　hack可写为：

　　.searchInput {

　　background-color:#333;/*三者皆可*/

　　*background-color:#666　!important; /*仅IE7*/

　　*background-color:#999; /*仅IE6及IE6以下*/

　　}

　　一般三者的书写顺序为：FF、IE7、IE6.

　　写法二：

　　IE6可识别“_”，而IE7及FF皆不能识别，所以当只针对IE6与IE7及FF之间的区别时，可这样书写：

　　.searchInput {

　　background-color:#333;/*通用*/

　　_background-color:#666;/*仅IE6可识别*/

　　}

　　写法三：

　　*+html 与 *html 是IE特有的标签, Firefox 暂不支持。

　　.searchInput {background-color:#333;}

　　*html .searchInput {background-color:#666;}/*仅IE6*/

　　*+html .searchInput {background-color:#555;}/*仅IE7*/

　　屏蔽IE浏览器：

　　select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。

　　*:lang(zh) select {font:12px !important;} /*FF的专用*/

　　select:empty {font:12px !important;} /*safari可见*/

　　IE6可识别：

　　这里主要是通过CSS注释分开一个属性与值，注释在冒号前。

　　select { display /*IE6不识别*/:none;}

　　IE的if条件hack写法：

　　所有的IE可识别：

　　＜!–[if IE]> Only IE ＜![end if]–>

　　只有IE5.0可以识别:

　　＜!–[if IE 5.0]> Only IE 5.0 ＜![end if]–>

　　IE5.0包换IE5.5都可以识别:

　　＜!–[if gt IE 5.0]> Only IE 5.0+ ＜![end if]–>

　　仅IE6可识别:

　　＜!–[if lt IE 6]> Only IE 6- ＜![end if]–>

　　IE6以及IE6以下的IE5.x都可识别:

　　＜!–[if gte IE 6]> Only IE 6/+ ＜![end if]–>

　　仅IE7可识别:

　　＜!–[if lte IE 7]> Only IE 7/- ＜![end if]–>

　　2、清除浮动：

　　在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题。

　　select:after {

　　content:”.”;

　　display:block;

　　height:0;

　　clear:both;

　　visibility:hidden;


热门推荐： 黑客的选择：六大数据库攻击手段 教你如何架设安全的交换机系统



【责任编辑 王凡】
文章录入：陈鹏    责任编辑：陈鹏 
  • 上一篇文章：

  • 下一篇文章：
    • 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　
    		　
    　
    　
    　

    Copyright © 2007 - 2009 chenpeng123.com All Rights Reserved
    本站所有文章,软件等均来自网络收集,不代表本站观点，仅供学习和研究使用。如有侵犯您的版权，请联系我们，本站将立即删除。
    鲁ICP备07014697号
    你是本站第 位访客
    51La