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

 　

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

|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚敐澶婄闁挎繂鎲涢幘缁樼厱濠电姴鍊归崑銉╂煛鐏炶濮傜€殿喗娼欒灃闁逞屽墯缁傚秹骞嗚濞撳鏌曢崼婵堝嚬缂併劌顭烽弻娑㈡偄閸涘﹦绋囬梺浼欑悼閺屽濡甸幇鏉跨婵犻潧娲﹀▍鏃堟⒒娴ｅ憡鍟炲〒姘殜瀹曡瀵奸弶鎴炵€梺褰掓？閻掞箓鍩涢幒鎴欌偓鎺戭潩閿濆懍澹曢梻渚€鈧偛鑻晶浼存煕鐎ｎ偆娲撮柟宕囧枛椤㈡稑鈽夊▎鎰娇闂備浇顫夐鏍窗濮樺崬顥氬┑鍌溓圭痪褔鏌涢锝団槈濠碘€冲悑缁绘盯骞栭鐐寸亶濡炪們鍔婇崕鐢稿箖濞嗘垟鍋撳☉娅亞澹曢崘鍙傛棃鎮╅棃娑楁勃闁汇埄鍨辩敮锟犲春閻愬搫绠ｉ柨鏇楀亾闂佸崬娲︾换婵嬫濞戞瑦鎮欓梺閫炲苯澧婚柛銊ㄦ硾椤繘鎼圭憴鍕彴闂佸憡鐟ラˇ顖炲绩椤撶儐娓婚柕鍫濋娴滄粍銇勯敂璇茬仯闁告瑥鎳庨埞鎴﹀煡閸℃浠梺鍛婎焼閸パ冪€┑鐘绘涧椤戝棝鎮″▎鎾寸厵閻熸瑥瀚慨锕傛煕閵堝棛鎳呯紒杈ㄥ浮閹晠宕ｆ径搴ｎ攨闂備胶鎳撳鍫曞箖閸岀偛绠栫憸鏂跨暦閻撳簶鏀介柛娑卞幖閻忎線姊婚崒娆愮グ婵℃ぜ鍔庣划鍫熺瑹閳ь剙鐣烽鐐茬妞ゆ棁澹堥幗鏇㈡⒑闂堟胆褰掑磿椤曗偓瀵劍绂掔€ｎ偆鍘遍梺鏂ユ櫅閸橀箖顢旈崟銊︾€洪梺鎸庣箓濡稓寮ч埀顒傜磼閸撗冾暭闁挎艾顭胯瑜板啴鍩為幋锔藉€烽悹鍥囧啩绱ｆ俊鐐€ら崑鍕崲閹烘梹顫曢柟鐑樺殾閻旂儤瀚氱€瑰壊鍠掗崑鎾诲箻缂佹ǚ鎷洪梺鍛婄☉閿曪箓鍩ユ径鎰叆闁哄洦锚閸旓妇鈧娲樺ú鐔肩嵁濡偐纾兼俊顖炴敱鐎氬ジ姊绘担鍛婂暈缂佸搫娼″畷鏇㈠础閻愨晜鐎洪棅顐㈡处缁嬫帡鎮￠弴銏″€甸柨婵嗙凹閹秶鈧鎮堕崕鐢稿蓟閿濆鏅查柛銉戝啫绠ｆ俊銈囧Х閸嬫稑煤椤撯偓鈧礁鈽夊Ο婊呭枔閹叉挳宕熼鐔虹▉闂傚倸鍊搁崐椋庣矆娴ｉ潻鑰块梺顒€绉寸壕鍧楁煏閸繍妲搁柛銊ュ€块弻銈囩矙鐠恒劋绮电紓鍌氱Т濞差參寮诲☉銏╂晝闁绘ɑ褰冩慨鏇烆渻閵堝啫鍔氶柨鏇樺劦婵＄敻宕熼姘辩杸闂佸疇妗ㄩ懗鑸电閻愵剛绡€闁靛骏绲剧涵楣冩倵濮橆偄宓嗙€殿喖顭烽幃銏ゅ礈閸欏－褔鏌熼崗鑲╂殬闁搞劎鎳撻埢鎾崇暆閸曨兘鎷洪柣搴℃贡婵敻藟婢跺浜滈柨鏇楀亾闁诲繑宀搁獮鍫ュΩ閳轰胶鍔﹀銈嗗笒鐎氼參鎮￠崘顔界厓閺夌偞澹嗛ˇ锕傛煛閸℃瑥浠遍柡宀嬬到閳规垿宕惰閺嬫瑥鈹戦纭峰姛缂侇噮鍨堕獮蹇涘川鐎涙ɑ鍎Δ鐘靛仜缁ㄩ亶宕戦幘瀵哥瘈闁搞儯鍔庨崢閬嶆⒑鐟欏嫬鍔ゆい鏇ㄥ幘缁鎮欓悜妯煎幍濡炪倖姊归崕鎶藉储閺夋垟鏀介柨娑樺閸樻挳鏌涢埞鎯у⒉闁瑰嘲鎳樺畷顐﹀礋椤愩倗鏉介梻鍌欐祰椤曆勵殽閹间礁鍌ㄦ繝濠傜墕绾惧鏌熼崜褏甯涢柣鎾存礋閺岋繝宕堕妷銉ヮ瀳闂佸憡蓱閹告娊寮婚悢鍏肩叆閻庯綆鍋佹禒銏犫攽椤旂》宸ユい顓炲槻閻ｇ兘骞掗幋顓熷兊闂佸憡顨堥崕鎰板级閸濄儳纾介柛灞剧懅椤︼附銇勯幋婵囶棤闁轰緡鍣ｉ弫鎾绘偐閸欏鈧剟鎮楅獮鍨姎妞わ富鍨抽悮鎯ь吋婢跺鍘卞銈嗗姂閸婃洟寮搁弮鍫熺厱婵☆垰鍚嬮弳顒佹叏婵犲啯銇濈€规洏鍔嶇换婵嬪磼濠娾偓閹寸兘姊绘担鍛靛綊鏁冮妷鈺傚亱婵犲﹤鐗嗛悞鍨亜閹哄秷鍏岄柛鐔哥叀閺岀喖宕欓妶鍡楊伓
|
缂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚敐澶婄闁挎繂鎲涢幘缁樼厱闁靛牆鎳庨顓㈡煛鐏炲墽娲存い銏℃礋閺佹劙宕卞▎妯恍為梻鍌欐祰椤曟牠宕归幎钘夌；闁靛牆顦卞畵渚€鏌″搴ｄ粓閹兼惌鐓堥弫鍡涙煃瑜滈崜姘┍婵犲啰闄勯柛娑橈功閸樿棄顪冮妶鍡樺暗闁革絻鍎遍埢鎾斥堪閸曞灚顔旈梺缁樺姇椤曨厽鏅堕鍫熷殨闁归偊鍘规禍婊堟煙閸濆嫭顥滃ù婊呭亾缁绘繂顕ラ弸顐⑩偓鏇熺閸︻厾纾奸弶鍫涘妼濞搭噣鏌涢埞鎯т壕婵＄偑鍊栫敮鎺斺偓姘煎墰婢规洟宕楅懖鈺冾啎闂佺懓顕崑鐐烘儍閹寸偑浜滈柡鍐ｅ亾婵炶尙鍠庨～蹇撁洪鍛画闂備緡鍙忕粻鎴濃枔閸洘鈷戠紒瀣皡閺€濠氭煕閵娧勬毈闁挎繄鍋涢埞鎴﹀醇閻旈锛忛梻浣告啞缁诲倻鈧凹鍓欓埢鎾诲Χ婢跺鎷洪梺鑽ゅ枑濠㈡﹢骞冮幋锔界厽闁挎繂绨奸柇顖溾偓瑙勬礃缁诲倿顢橀崗鐓庣窞閻庯綆浜欑花鐢告⒒婵犲骸浜滄繛璇у缁瑩骞樼拠鑼厬闂佺懓澧界划顖炴偂閺囥垺鐓忓鑸得弸銈吤瑰⿰鈧划娆撳蓟濞戙埄鏁冮柣妯诲絻婵海绱掗悙顒€鍔ゆい顓犲厴瀵鎮㈤悡搴ｇ暰閻熸粌绻橀弫宥咁吋婢跺鍘搁梺绯曟閸橀箖鎮鹃悽鍛婄厸閻忕偛澧藉ú鏉戔攽閿涘嫬鍘村┑顔瑰亾闂佹枼鏅涢崯鎷屻亹閸ヮ剚鐓熼幖娣€ゅḿ鎰版煙閹间緡妫戞繛鍡愬灩椤繈顢楁径瀣▉濠电姷鏁告慨鐢告嚌閸撗冾棜闁稿繗鍋愮粻楣冩煕閳╁厾顏堟倿閻愵兛绻嗙€瑰壊鍠栧▍宥嗘叏婵犲倹鎯堥弫鍫ユ煕閵夋垟鍋撻柛瀣崌瀵挳鎮樼紒妯汇仢濠德ゅ煐瀵板嫰宕煎顑垮闂佸憡渚楅崰姘舵⒔閸曨厾纾奸悗锝庡弾閸わ箓鏌嶉崫鍕櫤闁绘挸鍟撮弻娑樷攽閸℃浠奸梺閫炲苯澧伴弸顏堟煃缂佹ɑ宕屾鐐差儔閺佸倻鎲撮敐鍡楊伖闂傚倷绀侀幉锟犲箰閺勫繈浜归柛鎰ㄦ櫇椤╁弶绻濋棃娑欏窛缂佺娀绠栭弻娑樷枎韫囷絾楔婵犫拃鍛毄闁逞屽墲椤煤閺嶎偆绀婂┑鐘插€婚弳锕傛煙閻戞﹩娈曢柛濠勫厴閹鎮介惂鑽ゆ嚀椤曪綁骞庨懞銉㈡嫽婵炶揪缍€濞咃絿鏁☉娆戠闁告瑥顦辨晶鐢碘偓瑙勬礃閸旀瑥鐣烽悜绛嬫晣婵炴垶眉婢规洖鈹戦缁撶細闁稿鎸鹃埀顒佺啲閹凤拷
|
濠电姷鏁告慨鐑藉极閸涘﹥鍙忛柣鎴ｆ閺嬩線鏌涘☉姗堟敾闁告瑥绻橀弻锝夊箣閿濆棭妫勯梺鍝勵儎缁舵岸寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閹冣挃缂侇噮鍨抽幑銏犫槈閵忕姷顓哄┑鐐叉缁绘帗绂掓ィ鍐┾拺缂佸顑欓崕宥夋煕婵犲啰绠炵€殿喖顭峰鎾偄閾忚鍟庨柣鐔哥矊缁夊綊鐛繝鍐╁劅闁靛ǹ鍎叉潏鍫濃攽鎺抽崐鏇㈠箠韫囨稑鐓曢柟瀵稿Х绾惧ジ鎮楅敐搴″箺缁绢厼鐖奸弻锝堢疀濞戞鍠氶梺鍝勬湰缁嬫捇鍩€椤掑﹦绉甸柛瀣婵℃挳骞掗弮鍌滐紲濡炪倖妫侀崑鎰櫠閿旈敮鍋撶憴鍕闁挎洏鍨介妴浣糕枎閹炬潙浠奸柣蹇曞仩濡嫮绮鑸碘拻闁稿本鐟чˇ锕傛煙鐠囇呯？闁瑰箍鍨藉畷鎺戔攦閹傚濠殿喗岣块崢褎鏅堕幘顔界厱闁宠鍎虫禍鐐繆閻愵亜鈧牜鏁繝鍥ㄥ€块柨鏇炲€哥壕褰掓煙闁箑鏋撻柛瀣尵閹叉挳宕熼鍌ゆО缂傚倷绶￠崰妤呭箲閸ヮ剙违濞达綀鍊介弮鍫濆窛妞ゆ挾濯Σ瑙勪繆閻愵亜鈧牠宕归崗鍏煎弿闁靛牆娲犻崑鎾愁潩椤戞儳浠┑顔硷攻濡炰粙骞婇敓鐘参ч柛娑樻噷閸ㄨ櫣鎹㈠☉妯忓湱鈧綆鍋呴悵鏍ㄧ箾鐎涙ḿ鐭岄弸顏堟煃鐠囨煡鍙勬鐐疵悾鐑藉炊閼告晫鐔兼⒒閸屾瑧绐旀繛鑹板吹閳ь剟娼ч惌鍌氱暦閵忋倕绀堢憸宥壦夊顑芥斀闁稿本纰嶉崯鐐烘煟閹捐泛啸闁汇儺浜鍫曞垂椤斿灝鐓樺┑鐘媰閸屾艾绁梺璇″枙缁瑩銆佸☉妯锋婵ǜ鍎崑鎾诲箳閺冨倻锛滈柡澶婄墑閸斿苯霉椤旈敮鍋撳▓鍨珮闁革綇绲介悾鐑藉箳閹搭厽鍍靛銈嗘尵婵娊鏌囬鐐粹拺閻犲洤寮堕崬澶嬨亜椤愩埄妲搁悡銈夋煛瀹ュ骸骞栭崶鎾⒑閸涘﹦鈽夐柨鏇悼閹广垽宕卞☉娆戝幗闂佺鎻徊楣兯夋径鎰埞妞ゆ牜鍋為崑鈩冪節婵犲倸鏆熺紒鐘卞嵆閺岋綁鏁愰崶褍骞嬮悗瑙勬礀閵堢ǹ顕ｉ幘顔藉亜闁告瑥顦鐑樼節閻㈤潧浠╅柟娲讳簽缁辩偤鍩€椤掆偓閳规垿顢欓崫鍕ㄥ亾濡も偓閳藉鎮界粙鍧楀敹闂佸搫娲ㄩ崰鎾诲储闁秵鈷戦柟绋挎捣缁犳挾绱掔紒妯烘诞闁诡噣绠栧畷褰掝敃椤愶綆鍟嶉梻浣虹帛閸旀ḿ浜稿▎鎴犱笉濠电姵纰嶉悡娑樏归敐鍫綈鐎规洖鐭傞弻鈩冩媴鐟欏嫬纾抽梺杞扮劍閹瑰洭寮幘缁樻櫢闁跨噦鎷�
|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁惧墽鎳撻—鍐偓锝庝簼閹癸綁鏌ｉ鐐搭棞闁靛棙甯掗～婵嬫晲閸涱剙顥氬┑掳鍊楁慨鐑藉磻閻愮儤鍋嬮柣妯荤湽閳ь兛绶氬鏉戭潩鏉堚敩銏ゆ⒒娴ｈ鍋犻柛搴㈡そ瀹曟粌顫濋懜闈涒偓鍧楁煠濞村鏉归柛瀣崌閻涱噣宕归鐓庮潛闂備胶顢婂▍鏇㈠礉濞嗘挸鏋佺€广儱顦伴崑鍕煕韫囨挾姣為柟閿嬫そ濮婃椽妫冮埡浣烘В闂佸憡锚閵堟悂濡撮崒鐐茬闁兼祴鏅濋惁鍫ユ⒑闂堟稓绠氭俊鎻掑閹虫挾鎹勯妸銏犱壕閻熸瑥瀚粈鈧紓鍌氱Т閿曘倝鎮鹃悜钘夌闁瑰瓨姊归～宥夋⒑閸濆嫮鈻屽┑鈥虫喘閹嫭鎯旈妸锔规嫽婵炶揪绲介幉锟犲箚閸垻纾煎璺侯儑閸欌偓閻庤娲樼换鍌炴偩濠靛绀嬫い鎺嗗亾闁逞屽墲濞夋洟骞夐幖浣瑰亱闁割偅绻勯悷鏌ユ⒑缂佹ɑ灏伴柣鈺婂灦楠炲啫螖閸涱喗娅滈柟鐓庣摠缁诲牓宕戝Δ鍛拺闁告稑锕﹂幊鍐倵濮橆偄宓嗙€殿喖顭烽弫宥夊礋椤忓懎濯伴梻浣虹帛閸旓箓宕滃☉鈶哄洭顢欓崜褏锛濇繛杈剧到閹碱偅鐗庣紓鍌欑椤戝棛鏁悙鍝勭闁靛繒濮弨浠嬫倵閿濆簼绨芥い锔哄姂濮婃椽妫冨☉鎺戞倣婵犵鈧櫕绌块柕鍥ㄥ姍楠炴﹢顢欑憴锝嗗闂備胶枪閺堫剟鎮烽妸鈺佺鐎光偓閸曨偄鍤戝銈呯箰閹冲本绂嶅⿰鍫熺厵閻庢稒岣跨粻鏍ㄣ亜閵夛絽鐏い銊ｅ劦閹瑩寮堕幋婵愭綒婵°倗濮烽崑鐐烘偋濡ゅ懎绠柛娑欐綑娴肩娀鏌曟径鍫濆姎缂備讲鏅滅换婵嬫偨闂堟刀鐐烘煕閵娧冨付闁崇粯鏌ㄩ埥澶愬閳╁啯鐝栭梻浣瑰濞叉牠宕愮粙鍟冄囧蓟閵夛妇鍙嗛梺鍝勬川閸嬫盯鍩€椤掆偓缂嶅﹪骞冮敓鐘插嵆闁靛骏绱曢崢顏呯節閵忥絾纭鹃柣妤€妫濋幃姗€顢旈崨顖滎啎闂佸憡渚楅崢浠嬎夐悙鐢电＜缂備焦岣垮ú瀵糕偓瑙勬礀閵堟悂骞冮姀銈呯闁绘劖濯藉绋库攽閻樻剚鍟忛柛鐘崇墵閺佸啴濡搁妷銏＄€洪梺鎸庣箓椤︻垳绮婚鐐寸厽婵☆垱顑欓崵娆戠磼閻樺灚鏆柡宀€鍠栭幃婊兾熼懖鈺冩殼濠电姷顣槐鏇㈠礂濡警娼栫紓浣股戞刊鎾煣韫囨洘鍤€缂佹せ鈧枼鏀介柍钘夋娴滄粎绱掔紒妯忣亪鎮惧畡鎵冲牚闁割偆鍠庢禍婊堟⒑閸忚偐銈撮柡鍛〒缁﹪鏁冮崒娑辨濡炪倖鍔戦崹鐑樺緞閸曨厾纾奸悗锝庡亜濞搭喚鈧鍠楅悡锟犵嵁閺嶃劍濯撮柛锔诲幖瀵娊姊绘担铏瑰笡婵炲弶鐗犲畷鎰板捶椤撴稑浜炬慨妯煎亾鐎氾拷
|
缂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽ｉ鍓х＜闁绘劦鍓欓崝銈囩磽瀹ュ拑韬€殿喖顭烽幃銏ゅ礂鐏忔牗瀚介梺璇查叄濞佳勭珶婵犲伣锝夘敋閳ь剙顫忛崫鍕懷囧炊瑜夐崑鎾诲Χ婢跺﹦鐛ュ┑掳鍊曢幊搴㈩攰闂備礁鎲″ú锕傚垂娴兼潙绀冮柍褜鍓欓—鍐Χ閸℃袝濠电姭鎳囬崑鎾剁磽娓氬洤鏋涢柣鏍帶椤繐煤椤忓嫮顔愰梺缁樺姈瑜板啴鈥栭崼銉︹拺缂佸灏呭銉︾箾鐏忔牑鍋撻幇浣告闁荤姴娲︾粊鏉懳ｉ崼銉︾厪闊洤锕ゆ晶鍙夌箾閸涱厽顥㈤柡宀嬬秮閹晠宕ｆ径濠庢П闁荤喐绮嶅姗€宕幍顔煎灊闁哄嫬绻堟禍褰掓煙閻戞ɑ灏ㄩ柟閿嬫そ濮婅櫣娑甸崨顓濇睏闂佺ǹ顑嗙粙鎺撶┍婵犲洦鍋╃€光偓閳ь剛澹曟總鍛婂仯闁搞儺浜滈惃鍝勵熆瑜濇俊鍥焵椤掍緡鍟忛柛鐘崇墵閳ワ箓鏌ㄧ€ｂ晝绠氶梺鍓插亝濞叉牠鎮欐繝鍥ㄧ厓闁告繂瀚弳鐔兼煕濮楀棗鐏︽慨濠冩そ閹筹繝濡堕崨鍜冪到闇夋繝濞惧亾缂侇喗鐟ラ悾宄扳攽閸艾浜鹃柨婵嗛婢ь噣鏌涢妸锔剧疄闁哄矉缍佹慨鈧柣妯哄暱閺嗗牓姊洪幎鑺ユ暠闁搞劌婀卞Σ鎰板箳閺傚搫浜鹃柨婵嗛娴滄粍銇勯弴鐔虹煉闁哄瞼鍠栭幆鍌炲传閵夘灝婊堟⒑閸濆嫭婀伴柣鈺婂灦楠炲啴鍩℃担鐑樻闂佹悶鍎滈埀顒勫箯娴煎瓨鐓熼幖娣焺閸熷繘鏌涢悩宕囧⒌闁炽儻绠撻幃婊堟寠婢跺鈧剟姊洪悷鏉库挃缂侇噮鍨跺畷鎴﹀箛閻楀牏鍘剧紒鐐緲瀹曨剚鏅剁紒妯圭箚闂婎偒鍘煎畵鍡樻叏婵犲嫮甯涚紒妤冨枛閸┾偓妞ゆ巻鍋撳畝锝堝劵椤︽娊鏌ｈ箛鏃傛噰婵﹨娅ｇ划娆撳垂椤旂偓袨闂備線娼荤紞鍥╁緤娴犲鍋╅柣鎴ｆ缁狅綁鏌ㄩ弴妤€浜剧紓浣哄Х缁垶銆冮妷鈺傚€烽悘鐐插€风划褍鈹戦娆炬綈妞ゃ劌锕ら～蹇撁洪鍕祶濡炪倖鎸鹃崑娑欎繆濞差亝鈷戦柟鑲╁仜婵偓闂佺硶鏅滈悧鏇炵幓閼愁垳鐤€婵炴垶锕㈤崬鍫曟⒑闂堟侗妾ч柤闈涚秺楠炲繐煤椤忓懐鍘介梺缁樏崢鏍嚋椤忓牊鐓曢柡鍌濆劵鐎氫即鏌嶇拠鑼ф鐐叉喘閹囧醇閵忕姴绠ラ梻鍌欑閹诧繝宕归鐐茬９闁哄稁鍋€閸嬫挸顫濋悙顒€顏�
|
IT闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鎯у⒔閹虫捇鈥旈崘顏佸亾閿濆簼绨奸柟鐧哥秮閺岋綁顢橀悙鎼闂侀潧妫欑敮鎺楋綖濠靛鏅查柛娑卞墮椤ユ艾鈹戞幊閸婃鎱ㄩ悜钘夌；闁绘劗鍎ら崑瀣煟濡崵婀介柍褜鍏涚欢姘嚕閹绢喖顫呴柍鈺佸暞閻濇牠姊绘笟鈧埀顒傚仜閼活垱鏅堕弶娆剧唵閻熸瑥瀚粈澶愭煏閸ャ劌濮嶆鐐村浮楠炴ḿ鎹勯崫鍕啈闂傚倸鍊烽懗鍫曘€佹繝鍥х妞ゅ繐妫楃欢銈呂旈敐鍛綆濠㈣泛顑呯欢鐐碘偓鍏夊亾闁逞屽墮铻炴い鏍ㄧ◤娴滄粓鏌熼幆褜鍤熼柍钘夘槸闇夋繝濠傜墢閻ｇ儤鎱ㄦ繝鍌ょ吋鐎规洘甯掗埢搴ㄥ箣椤撶啘婊堟⒒娴ｄ警鏀版い鏇熺矌閹广垹鈹戦崱娆愭濠电娀娼ч鍛村础閹惰姤鐓熼柟閭﹀墰鑲栭梺鍝ュУ閸旀骞戦姀鐘斀閻庯綆浜為敍婊冣攽閳藉棗鐏犻柛銏犲级缁傚秵銈ｉ崘鈺冨幍闂佺粯鍨惰摫閻忓繒鏁哥槐鎺楀煢閳ь剟宕戦幘瀵哥瘈婵炲牆鐏濋弸鐔兼煥閺囨娅婄€规洏鍨洪妶锝夊礃閵娧呭幀闂備胶纭堕崜婵堢矙閹烘鐓曢柟瀵稿Х绾捐棄霉閿濆牆浜楅柟瀵稿Х閻棝鏌嶈閸撶喎顫忛搹鍦煓闁告牑鈧厖绱ｆ繝鐢靛Л閸嬫捇姊洪鈧粔鎾倿閸偁浜滈柟鍝勭Х閸忓矂鏌涢悢鍝ュ弨闁哄瞼鍠栧畷娆撳Χ閸℃浼�
|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁惧墽鎳撻—鍐偓锝庝簼閹癸綁鏌ｉ鐐搭棞闂囧鏌ㄥ┑鍡╂Ч濞存嚎鍊濋弻銈夊级閹稿骸浠村┑顔硷攻濡炰粙銆佸Δ鍛劦妞ゆ帒鍊婚惌鎾绘煙缂併垹鏋涚痪鎯с偢閺屾洘绻涜鐎氼剟寮搁幋锔解拺闁告繂瀚弳娆撴煟濡も偓濡稓鍒掓繝姘唨闁靛ě鍜佸晭闁诲海鎳撴竟濠囧窗閺囩姾濮冲┑鐘宠壘缁犳岸鏌ｉ弬鍨倯闁抽攱鍨垮濠氬醇閻斿墎绻佸┑鈽嗗灠閻楁捇寮诲☉銏″亹闁归鐒﹂悾鑲╃磽娴ｆ垝鍚柛瀣仱楠炲棝寮崼婵愭綂闂侀潧绻堥崹璇参ｉ崶顒佲拻濞达絽婀卞﹢浠嬫煕閵娿劍顥夊畝锝堝劵椤︽娊鏌ｅΔ鈧柊锝咁潖缂佹ɑ濯撮柛婵嗗娴犳ḿ绱撻崒姘毙㈤柨鏇閸掓帗绻濆顒€鍞ㄩ悷婊勭矒瀹曠敻寮撮姀锛勫幈濠电偞鍨堕敃顐﹀礉閻斿吋鐓熼柣鏃堫棑缁夋椽鏌＄仦鐣屝ユい褌绶氶弻娑㈠箻鐠虹儤鐎诲銈嗘穿缁插墽鎹㈠┑鍡╂僵妞ゆ巻鍋撶€规挸妫濆娲濞戞氨顔婃繝鐢靛亹閸嬫捇姊洪崫銉ヤ哗婵炲鐩崺鐐哄箣閿旇棄浜归梺鑲┾拡閸忔稓鍒掗悽鍛娾拺闁告稑锕ラ埛鎰版煟濡や胶鐭掗柟顔炬焿椤﹀绱掓潏銊﹀磳鐎规洘甯掗～婵嬵敄閽樺澹曢梺缁樺灱婵倝宕甸崟顖涚厾闁归棿鐒﹀☉褔鏌涢妸锔解拹闁靛洤瀚伴獮姗€宕￠悙鍏告偅闂傚倸鍊搁崑鍡涘垂閸洖钃熼柕濞垮劗閺€浠嬫煕閳锯偓閺呮粎鐟ч梻鍌欐祰濡嫰宕导鏉戠獥闁规崘顕ч悞鍨亜閹哄棗浜剧紓浣哄Т缁夌懓鐣烽弴銏＄劶鐎广儱妫楁禍鍗炩攽閻樿宸ラ柛鐘冲哺閹宕奸弴鐔哄帾婵犵數鍋熼崑鎾斥枍閸℃稒鐓冮梺鍨儏閻忔挳鏌＄仦鍓р槈闁宠棄顦～婊堝醇閻斿憡姣庨梻浣筋嚙缁绘劗鎹㈢€ｎ喖纭€闁规儼妫勯拑鐔兼煥濠靛棭妲归柛瀣閺屾稑鈻庤箛锝喰ч梺缁樼箖瀹€绋款潖濞差亝顥堟繛鎴炵懐濡稓绱撴担鎻掍壕婵炴挻鍩冮崑鎾绘煕閳瑰灝鐏柟顖涙婵℃悂濡疯閸炴椽姊绘担鍛婃儓闁哥噥鍋婂畷鎰版偡闁妇鍞甸梺鐟邦嚟閸嬬喓寮ч埀顒勬⒑濮瑰洤鐏叉繛浣冲嫮顩烽柨鏇炲€归悡鏇㈡煏婵炲灝鍔ら柛鈺嬬秮閺岀喖顢欓幆褍骞嬮梺杞扮閸熸挳宕洪埀顒併亜閹烘垵顏╅柣鎾寸箘閳ь剙绠嶉崕閬嵥囬鐑囩稏闁告稑鐡ㄩ悡蹇涙煕椤愶絿绠栨い銉﹀灴閺岀喖鏌ㄧ€ｎ偁浠㈤梺鍝勭焿缂嶄線骞冮埡鍛闁告稒婢橀悞濠氭⒒娴ｅ憡鍟為柡灞诲姂閹崇喖顢涢悙鑼幒閻庡箍鍎遍ˇ顖滅不濞戙垺鐓熸俊銈傚亾闁绘绻樺畷銏ゆ偨閸涘ň鎷洪梺鍛婄☉閿曘倝鎮橀悢鍏肩厱濠电姴鍟版晶閬嶆煃瑜滈崜姘舵偄椤掑嫬绠柨鐕傛嫹
|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚敐澶婄闁挎繂鎲涢幘缁樼厱濠电姴鍊归崑銉╂煛鐏炶濮傜€殿喗娼欒灃闁逞屽墯缁傚秹骞嗚濞撳鏌曢崼婵堝嚬缂併劌顭烽弻娑㈡偄閸涘﹦绋囬梺浼欑悼閺屽濡甸幇鏉跨婵犻潧娲﹀▍鏃堟⒒娴ｅ憡鍟炲〒姘殜瀹曡瀵奸弶鎴炵€梺褰掓？閻掞箓鍩涢幒鎴欌偓鎺戭潩閿濆懍澹曢梻渚€鈧偛鑻晶浼存煕鐎ｎ偆娲撮柟宕囧枛椤㈡稑鈽夊▎鎰娇闂備浇顫夐鏍窗濮樺崬顥氬┑鍌溓圭痪褔鏌涢锝団槈濠碘€冲悑缁绘盯骞栭鐐寸亶濡炪們鍔婇崕鐢稿箖濞嗘垟鍋撳☉娅亞澹曢崘鍙傛棃鎮╅棃娑楁勃闁汇埄鍨辩敮锟犲春閻愬搫绠ｉ柨鏇楀亾闂佸崬娲︾换婵嬫濞戞瑦鎮欓梺閫炲苯澧婚柛銊ㄦ硾椤繘鎼圭憴鍕彴闂佸憡鐟ラˇ顖炲绩椤撶儐娓婚柕鍫濋娴滄粍銇勯敂璇茬仯闁告瑥鎳庨埞鎴﹀煡閸℃浠梺鍛婎焼閸パ冪€┑鐘绘涧閻楀啴宕戦幘璇茬濠㈣泛锕ｆ竟鏇㈡⒒娴ｅ憡鍟炴繛璇х畵瀹曟粌鈻庨幇顕呮祫婵犻潧鍊搁幉锟犲煕閹寸姷纾藉ù锝咁潠椤忓牊鍊堕弶鍫涘妺缁诲棙銇勯幇鈺佺仼妞ゅ浚鍙冮弻鐔碱敊閻ｅ本鍣紓浣虹帛缁诲牆鐣烽崼鏇炍╃憸宥囨暜濡ゅ懏鈷掑ù锝呮啞閸熺偟绱掔拠鎻掆偓濠氬焵椤掍礁鍤柛鎾跺枎椤曪綁骞栨担瑙勬珕闂佸憡鎸嗛崪鍐簥闂備礁鎼ˇ顖炴偋濠婂牆纾婚柛鏇ㄥ灡閸庡秹鏌ц箛鎾磋础缁炬儳銈稿鍫曞醇濞戞ê顬夐悗瑙勬礀閻ジ鍩€椤掑喚娼愭繛鍙夅缚閺侇噣骞掑Δ瀣◤濠电娀娼ч鎰板极閸曨垱鐓㈡俊顖欒濡插嘲顭跨憴鍕婵﹪缂氶妵鎰板箳閹垮嫮鍚归梻浣虹帛鐢亞绮婚幘宕囨殾闁瑰濮崑鎾绘晲鎼粹剝鐏撻梺鍛婄懄閹瑰洭寮诲☉銏犖ㄩ柨婵嗘噹椤姊洪幎鑺ユ暠闁告梹鐟╁璇测槈濡攱鐎婚棅顐㈡处濞叉粓顢欓幒妤佲拺闁告繂瀚悞璺ㄧ磽瀹ュ嫮鍔嶉柟渚垮姂閸┾偓妞ゆ帒瀚悡鍐煙椤栨粌顣肩痪顓炲⒔缁辨挸顓奸崪鍐惈濡ょ姷鍋涘Λ娑欑閿旇姤濮滈柟绋垮椤ュ牏鈧娲忛崝鎴︺€佸▎鎾崇畾鐟滃秴效閺屻儲鈷掗柛灞剧懆閸忓瞼绱掗鍛仩閻撱倝鏌″搴″箹缁炬儳缍婇弻娑㈡晜鐠囨彃绠伴梺绋款儐閹告悂锝炲┑瀣€锋い鎺嗗亾妞ゅ骏鎷�
|
闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳婀遍埀顒傛嚀鐎氼參宕崇壕瀣ㄤ汗闁圭儤鍨归崐鐐烘偡濠婂啰绠荤€殿喗濞婇弫鍐磼濞戞艾骞楅梻渚€娼х换鍡涘箠濮樿泛鎹舵い鎾跺Х楠炴挸鈹戞幊閸婃洟骞婅箛娑欏亗婵炲棙鎸婚悡娆愮箾閸繄浠㈤柡瀣⊕閵囧嫰鏁愰崨顐划闂佸搫鏈粙鎾诲焵椤掑﹦鍒板褍娴峰褔鍩€椤掑嫭鈷戦柛婵嗗濠€鐗堢箾閸欏顏堫敋閵夆晛绀嬫い鏍ㄥ哺閸炶泛鈹戦悩缁樻锭婵☆偅顨婅棢婵炲棙鍔楃弧鈧梺姹囧灲濞佳勭閿曞倹鐓曢柕濠忕畱閸斿墎鎲搁悧鍫㈢煉婵﹨娅ｉ幃浼村灳閸忓懎顥氭繝鐢靛仜椤曨厽鎱ㄩ幘顕呮晞闁糕剝绋戠壕褰掓煟閵忕姵鍟為柣鎾卞劜缁绘繈妫冨☉娆樻闂佸搫妫欓悷銉╁煘閹达附鏅柛鏇ㄥ亜楠炲姊洪崫鍕拱缂佸鎹囬崺鈧い鎺戯功缁夌敻鏌涚€ｎ亝鍣归柣锝呭槻閻ｆ繈鍩€椤掑嫬鐒垫い鎺戝枤濞兼劖绻涢崣澶呯細闁轰緡鍣ｉ弫鎾绘偐閼碱剛鏆繝鐢靛仜濡瑩骞愰幖浣瑰珔闁绘柨鍚嬮悡蹇擃熆鐠鸿櫣澧曢柛鏃€绮撻弻锟犲幢閳衡偓闁垱鎱ㄦ繝鍌ょ吋鐎规洘甯掗埢搴ㄥ箣椤撶啘婊堟⒒娴ｅ憡璐￠柍宄扮墦瀹曟垿宕熼鐐茬柧闂傚倷绶氬ḿ褑澧濋梺鍝勬噺缁嬫挻绔熼弴鐔虹瘈婵﹩鍘鹃崢浠嬫⒑瑜版帒浜伴柛鐘崇墵瀹曟繄鈧綆鍠楅悡鏇炩攽閻樻彃鈧粯绂掑☉銏＄厪闁搞儜鍐句純濡ょ姷鍋炵敮鈥崇暦閸楃儐娓婚柟顖嗗本顥￠梻鍌氬€搁崐椋庣矆娓氣偓閹潡宕堕濠勭◤婵犮垼鍩栭崝鏇㈠垂閸岀偞鐓曠憸搴ㄣ€冮崨顖滀笉闁哄秲鍔庣粻楣冩煕閳╁叐鎴犱焊椤撱垺鐓熸い鎾跺櫏濞堟梹銇勯鐐村仴闁硅櫕绮撻幆澶愵敂閸涱厾浼岄梺杞扮缁夌數绮悢鐓庣劦妞ゆ巻鍋撴い顐㈢箳缁辨帒螣鐠囧樊鈧捇鏌ｉ悢鍝ユ噧閻庢凹鍓氱粋鎺楀煛閸涱喒鎷洪梺鍛婄☉閿曘儵鎮￠妷鈺傗拺閻㈩垼鍠氶崚浼存煟閿濆鏁遍悗闈涖偢瀵爼骞嬪┑鍡樻殢闂佽崵鍠愮划宥囧垝閹惧磭鏆﹂柣銏⑶归崡鎶芥煟閹般劍娅嗛柡鍌楀亾闂傚倷鑳剁划顖炴晪缂佸墽铏庨崣鍐Υ閸岀偛钃熼柕澶涘閸樻悂姊洪崨濠佺繁闁哥姵顨婂畷鎰板箛閻楀牏鍘搁柣蹇曞仩椤曆勬叏閸岀偞鐓欐い鏂挎惈閳ь剚绻傞悾鐑藉箳閹存梹顫嶅┑顔筋殔濡梻妲愰敓锟�
|
 　 　
专 题 栏 目
 婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繘鏌ｉ幋锝嗩棄闁哄绶氶弻娑樷槈濮楀牊鏁鹃梺鍛婄懃缁绘﹢寮婚敐澶婄闁挎繂妫Λ鍕⒑閸濆嫷鍎庣紒鑸靛哺瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽ｉ鍓х＜闁诡垎鍐ｆ寖缂備緡鍣崹鎶藉箲閵忕姭妲堥柕蹇曞Х椤撴椽姊虹紒妯哄闁诲繑宀稿畷瀹狀槾缂佽鲸鎸婚幏鍛矙濞嗙偓娈洪梻浣呵归鍐磹濠靛棭鍤曢悹鍥ㄧゴ濡插牓鏌曡箛鏇烆潔闁靛⿵璐熸禍婊堟煛閸愩劌鈧摜鏁懜鐐逛簻妞ゆ劗鍠愬▍鍥╃磼鏉堛劍灏伴柟宄版嚇楠炴捇骞掑鍜佹闂傚倸鍊风粈浣圭珶婵犲洤纾婚柛鈩冪☉缁愭鏌熼幑鎰【濠殿噮鍓熼弻宥堫檨闁告挾鍠庨～蹇旂節濮橆剛锛滃┑顔矫畷顒劼烽埀顒傜磽閸屾瑧顦︽い鎴濇閺侇噣鏁撻悩鍙夌€悗骞垮劚椤︻垳鐚惧澶嬬厱妞ゆ劑鍊曢弸鏃堟煕濮椻偓缁犳牕顫忓ú顏勪紶闁告洖鐏氭瓏婵犵數鍋涢ˇ鏉棵哄Ο鑲╃焿闁圭儤顨呴～鍛存煏閸繃锛嶆慨濠冨缁绘繈濮€閿濆懐鍘梺鍛婃⒐閻楃娀骞冮敓鐘参ㄩ柨鏂垮⒔閻﹀牓姊婚崒姘卞缂佸甯¤棢闁绘劗鍎ら悡鏇㈡煥濠靛棙顥為柕鍥ㄧ箞閺岀喖顢欓懖鈺冃ㄥΔ鐘靛仜濞差厽淇婇幖浣肝ㄩ柕澶堝灪鐎氱喖姊婚崒娆戠獢婵炰匠鍏犳椽濡堕崶锝呬壕婵﹩鍋勫畵鍡欌偓瑙勬礃濡炰粙寮幘缁樺亹闁肩⒈鍓﹀Σ浼存⒒娓氣偓濞佳勭仚闂佺ǹ姘︽禍顒傚垝婵犳碍鏅插璺侯儌閹风粯绻涙潏鍓ф偧闁烩剝妫冨畷鐢稿礃椤旂晫鍘遍梺缁樏壕顓灻洪幘顔界叆婵犻潧鐗嗘禒锔锯偓鍨緲鐎氫即鐛崶顒夋晢闁稿被鍊曢弫鎼佹⒒閸屾瑧顦﹂柟璇х磿缁瑩骞掗幋鎾剁窗濠电偛妫欓崝鏇㈩敋闁秵鐓熸俊顖濆亹鐢盯鏌ｉ幘宕囩妞ゎ厼娼￠幊婊冾嚗濡ゅ﹣閭柟顔斤耿閺佹劙宕堕埡鍐跨床闂備線鈧偛鑻晶顖滅磼缂佹ḿ绠炵€规洜鍠栭、姗€鎮崨顖炴７闂傚倸鍊烽懗鑸电仚闂佸搫鐗滈崜鐔煎箖閻ゎ垼妯勯柦妯荤箞閺屻劑寮▎鐐稐婵炲瓨绮嶇划鎾诲蓟閵娾晛绫嶉柛銉ㄦ硾濞堫參姊虹拠鏌ョ崪缂佺姵鎹囧濠氭偄绾拌鲸鏅╅梺娲诲弾閸嬫帗绂嶉鍫濇槬闁绘劕鎼粻锝夋煟濮楀棗浜滃ù婊堢畺閺屻劌鈹戦崱娆忓毈缂備降鍔嬬划娆撳蓟濞戞ǚ鏋庨悘鐐村灊婢规洘绻濋悽闈浶ラ柡浣告啞閹便劍瀵奸弶鎴濈€繝闈涘€绘灙闁哄嫨鍎甸弻鈥愁吋鎼粹€崇缂備讲鍋撳鑸靛姈閻撴盯鏌涢妷銏℃珔閸熷憡绻涢幋鐐村碍缂佸鎸抽崺鐐哄箣閿旇棄浜归悗瑙勬礀濞村倿寮抽敓鐘斥拺缂佸灏呭銉╂煟韫囨梹鐨戦柟骞垮灩閳藉濮€閻樻鍚呴梻浣虹帛閸ㄩ潧螞閺冨牊鍎夋い蹇撳濞撳鏌曢崼婵囧櫧缂佺姷澧楁穱濠囶敃閿濆孩鐤侀柦妯煎枑閹便劌螣閸喚鍘梺缁樻尰濞茬喖寮婚悢鍏肩劷闁挎洍鍋撳褜鍨堕弻宥囩磼濡崵顦ㄧ紓浣虹帛閻╊垶鐛鈧獮鍥ㄦ媴閸濆嫭鍊梻鍌欑閹碱偊寮甸鈧叅闁绘棃顥撻弳锕傛煟閹惧磭宀搁柡鈧禒瀣厱妞ゆ劗濮撮悞娲煕閻愬瓨銇濇慨濠呮閹风娀鎳犻鈧崵顒傜磽娴ｇ懓绲绘い顓炲槻閻ｇ兘骞嬮敃鈧粻娑欍亜閺冨倻鎽傛繛鑲╁枛濮婃椽宕烽鐐插濡炪們鍔岀换妯侯嚕椤愶絿绡€闁搞儯鍔庨崢浠嬫⒑閹稿海绠撻柟鍐茬箰閿曘垺瀵肩€涙ḿ鍘遍梺鎸庣☉瀹曨剟宕板顑锯偓鎺撶節濮橆厾鍘梺鍓插亝缁诲啴藟閻愮數纾肩€光偓閸愨晝銆婄紓浣介哺閹告悂顢樻總绋跨妞ゆ挆鍕戞粓姊绘担椋庝覆缂佹彃娼″畷妤€顫滈埀顒勬偘椤曗偓瀹曞爼顢楁担闀愮綍闂備礁澹婇崑鍛崲閳ь剛绱掗妸銉吋婵﹦绮幏鍛存偡閺夊灝袘缂傚倷鑳剁划顖炪€冩繝鍥ㄦ櫜闁绘劖娼欑欢鐐测攽閻樺弶鎹ｉ柛鐐垫暬濮婅櫣娑甸崨顔兼锭闂傚倸瀚€氫即宕哄☉銏犵闁圭偨鍔岀紞濠囧极閹版澘宸濇い鏂垮悑濞堟﹢姊绘担绛嬪殐闁搞劋鍗抽幃褎绻濋崟顒€搴婂┑鐐村灦閻喖鈻介鍫熺厱閻忕偞宕樻竟妯汇亜椤愩垺鍠橀柟顔筋殘閹叉挳宕熼鍌︾幢闂備礁鎲￠〃鍡樼箾婵犲洦鍋樻い鏂挎閻斿吋鍤冮柍鍝勫枦缁卞弶绻濈喊妯活潑闁搞劑娼ч々濂稿Ω瑜嶉崹婵堟喐閺傛娼栫紓浣股戞刊鎾煠閹帒鍔ら柕鍡楋躬濮婃椽妫冮埡鍐ょ紓浣哄У閹瑰洭鎮伴璺ㄧ杸婵炴垶鐟﹀▍銏ゆ⒑鐠恒劌娅愰柟鍑ゆ嫹
相 关 文 章

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