闂鎻忚堪锛?
浣跨敤eclipse淇敼鏍峰紡鏂囦歡锛屾祻瑙堝櫒鐨勯〉闈竴鏃舵樉绀轟竴鏃朵笉鏄劇ず锛屾渶鍚庣洿鎺ユ病鏈夊姞杞芥渶鏂扮殑css鏍峰紡浠ｇ爜锛岀洿鎺ヤ嬌鐢ㄦ棫鏍峰紡浠ｇ爜锛屾竻闄や簡娴忚鍣ㄧ紦瀛橈紝娓呴櫎浜唀clipse缂撳瓨锛屼互鍙婂垏鎹笉鍚岀殑娴忚鍣ㄦ煡鐪嬬綉椤碉紝閮芥病鏈変換浣曞彉鍖栵紝涓€鏍風殑缁撴灉鈥斺€斾笉鍔犺澆鏈€鏂扮殑css鏍峰紡鏂囦歡銆?
灏濊瘯瑙ｅ喅鏂規硶锛?銆佹竻闄や簡娴忚鍣ㄧ紦瀛橈紱2銆佹竻闄や簡eclipse缂撳瓨锛?銆佸垏鎹笉鍚岀殑娴忚鍣ㄦ煡鐪嬬綉椤點€?
鏈€缁堣В鍐蟲柟娉曪細缁檆ss鏍峰紡鏂囦歡寮€澶村姞涓婏細@charset "utf-8";瑙ｅ喅闂浜嗐€?
--------------------------------------------------------------------------------------
瑙ｅ喅鏂規硶鏉ユ簮锛?
濡傛灉浣犵殑娴忚鍣ㄥ姞杞戒笉涓婂鑱攃ss锛堟敞鎰忔槸鍏ㄩ儴鍔犺澆涓嶄笂锛岃繖閲屾帓闄ら儴鍒嗘牱寮忎笉鍏煎闂锛夛細
1.棣栧厛鑰冭檻鏄惁css璺緞閿欒銆?
2.鍦ㄦ牱寮忔渶寮€濮嬫湁鍐欐敞閲婏紝鑰屽綋涓枃娉ㄩ噴涓殑姹夊瓧涓哄鏁頒釜鏁版椂锛屼細涓庣粨灏劇殑鈥?/鈥濈粍鍚堟垚鍚堟硶瀛楃锛屼互鑷充簬娉ㄩ噴涓嶈兘鍙婃椂鍏抽棴锛岃繖鏍峰悗缁牱寮忓叏閮ㄨ鑷姩娉ㄩ噴銆?
3.css鏂囦歡涓寚瀹氱殑缂栫爜涓庨〉闈笉缁熶竴锛屾祻瑙堝櫒鐢ㄩ〉闈㈢紪鐮佽В鏋恈ss锛岃嚜鐒朵細鍑洪敊銆傛垜鐨処E鏇存柊鍒癐E11鏃堕亣鍒頒簡杩欎釜闂锛宧tml缁欑殑gb2312锛宑ss鏂囦歡澶寸粰浜嗙殑@charset"utf-8",css瀹屽叏鍔犱笉涓娿€?
渚嬶細<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<link href="join_us.css" target="_blank" rel="external nofollow" type="text/css" rel="stylesheet" charset=鈥渦tf-8鈥?gt;
锛?锛?澶栬仈css鏂囦歡寮€澶寸粰浜咢charset "utf-8"
锛?锛塁SS鏂囦歡涓湭鎸囧畾@charset澶村０鏄庯紝瀵艱嚧IE榛樿浣跨敤椤甸潰缂栫爜鏉ヨВ鐮丆SS鏂囦歡銆?
鍦ㄨ繖閲岃В閲婁竴涓嬶紝gb2312鍜実bk閮芥槸杈冩棭鐨勫浗鏍囩爜锛屼富瑕佺敤浜庣紪瑙ｇ爜甯哥敤姹夊瓧銆傝€寀tf-8鏇村浗闄呭寲涓€浜涳紝鍚屾椂閫傜敤涓枃锛屽熀浜庤嫳鏂囩殑骞沖彴浣跨敤utf-8銆侴BK銆丟B2312绛変笌UTF8涔嬮棿閮藉繀椤婚€氳繃Unicode缂栫爜鎵嶈兘鐩鎬簰杞崲銆?
4.IE涓嶆敮鎸佸紩鍏ュ閮ㄧ殑Css鏂囦歡,骞朵笖鎻愮ずMINE Type绫誨瀷涓嶅尮閰嶃€?css鏂囦歡涓嶆槸minetype 绫誨瀷锛屽師鍥犲彲鑳芥槸杩欎釜.css鏂囦歡鏄綘鍒涘緩鐨勫叾浠栫被鍨嬶紙姣斿txt锛夋枃浠剁劧鍚庢敼鐨勫悗缂€銆?
锛?锛夐偅灏遍噸寤轟竴涓猚ss鏂囦歡锛屾妸浠ｇ爜copy杩囧幓銆?
锛?锛夋垨鑰呬笅杞紽ilesTypeMan 杞歡锛岀洿鎺ヤ慨鏀規枃浠跺悗缂€鐨刴inetype绫誨瀷銆?
5.鐪嬩竴涓嬩綘鐨凥TML澶撮儴鐨凞OCTYPE 澹版槑
<!DOCTYPE>澹版槑涓嶆槸 HTML 鏍囩锛涘畠鏄寚绀?web 娴忚鍣ㄥ叧浜庨〉闈嬌鐢ㄥ摢涓?HTML 鐗堟湰杩涜缂栧啓鐨勬寚浠ゃ€傚湪 HTML 4.01 涓紝<!DOCTYPE> 澹版槑寮曠敤 DTD锛屽洜涓?HTML 4.01 鍩轟簬 SGML銆侱TD 瑙勫畾浜嗘爣璁拌瑷€鐨勮鍒欙紝杩欐牱娴忚鍣ㄦ墠鑳芥纭湴鍛堢幇鍐呭銆?
HTML5 涓嶅熀浜?SGML锛屾墍浠ヤ笉闇€瑕佸紩鐢?DTD銆?
<!DOCTYPE html> HTML5澹版槑銆?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">杩欎釜鏄痙w鑷姩鍦ㄧ綉椤墊枃浠堕〉澧炲姞浜哾td淇℃伅(鍙互鍒? 鍒犻櫎鍚庯紝娴忚鍣ㄤ細浣跨敤鐨勯粯璁td.)
璇?DTD 绛夊悓浜?XHTML 1.0 Transitional锛屼絾鍏佽妗嗘灦闆嗗唴瀹廣€?
杩樻湁寰堝銆傘€傘€?
鏈湴鐨勫鑱攃ss鍔犱笉涓婏紝鎶婇〉闈㈠ご閮ㄧ殑 <!DOCTYPE html> 鎶奾tml鍘繪帀 灏眔k浜嗐€?
6.濡傛灉浣跨敤@import锛屽綋css鏂囦歡鍙戠敓鏀瑰姩鏃訛紝瀹㈡埛绔疘E6灏嗕笉浼氬埛鏂拌css銆?
鏈枃杞澆鑷細https://www.cnblogs.com/crizygo/p/5466444.html
![沒救了! 困擾程式員一輩子的5個魔咒, 改掉比登天還難！[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)