html css鐭ヨ瘑鐐规�荤粨1

1.charset="utf-8"涓�"gbk"鐨勫樊鍒�

utf-8鏄竴绉嶅浗闄呴�氱敤缂栫爜鏍煎紡锛屽鏋滅綉椤垫秹鍙婂绉嶈瑷�锛屽彲鐢╱tf-8鐨勭紪鐮佹ā寮忥紝涓旀棤闇�涓嬭浇鍏朵粬璇█鏀寔鍖呫��

gbk鏄敤浜庢敮鎸佷腑鏂囩畝浣撲笌绻佷綋鐨勭紪鐮佹牸寮忋��

鍖哄埆锛堣浆杞斤級锛�

锛�1锛夌紪鐮佹柟寮忎笉鍚�

UTF-8缂栫爜閲囩敤鐨勬槸涓�绉嶅瀛楄妭缂栫爜锛屽湪鑻辨枃涓�8浣嶄唬琛ㄤ竴涓瓧鑺傦紝鑰屼腑鏂囧瓧鏄�24浣嶄唬琛ㄤ竴涓瓧鑺傘�傝�孏BK缂栫爜鏂瑰紡閮芥槸閫氳繃鍙屽瓧鑺傛潵琛ㄨ揪锛屼笉绠℃枃瀛楁槸鑻辨枃杩樻槸涓枃瀛楃閮芥槸涓�姒傝�岃锛屽綋鐒跺湪鍖哄垎涓枃鐨勬椂鍊欙紝浼氬畾浣嶆渶楂樹綅涓�1銆�

锛�2锛塙IF-8鍙奊BK鐨勫吋瀹规��

杩欎袱绉嶇紪鐮侀兘鏄郴缁熺殑瀛楃缂栫爜锛孏BK鏄湪鍥藉鏍囧噯GB2312鍩虹涓婃墿瀹瑰悗鍏煎GB2312鐨勬爣鍑�,UTF-8缂栫爜鐨勬枃瀛楀彲浠ュ湪鍚勫浗鍚勭鏀寔UTF8瀛楃闆嗙殑娴忚鍣ㄤ笂鏄剧ず銆備篃灏辨槸璇村鏋滀綘鐨勭綉绔欎娇鐢ㄧ殑鏄疷TF-8缂栫爜锛屽湪鍥藉瑙傜湅浣犵殑缃戠珯娴忚鍣ㄤ笂灏变細甯綘鍒囨崲鍒颁腑鏂囩姸鎬侊紝鑰屼娇鐢℅BK缂栫爜鐨勮瘽锛屽湪鍥藉娴忚缃戦〉灏卞繀椤昏涓嬭浇涓枃璇█鏀寔鍖咃紝濡傛灉娌℃湁涓嬭浇灏变細鍑虹幇涔辩爜鐨勭幇璞°��

锛�3锛塙IF-8濂借繕鏄疓BK缂栫爜濂斤紵

UTF-8鍦ㄨ嫳鏂囩珯鐐逛腑鎵�鍗犵敤鐨勫瓧鑺傛槸1涓瓧鑺傦紝鑰孏BK缂栫爜鎵�鍗犵敤鐨勬槸2涓瓧鑺傦紝杩欐牱濡傛灉鏄湪鑻辨枃缃戠珯鎴栬�呬綘鐨勭綉绔欒嫳鏂囧瓧绗﹁繃澶氱殑璇濓紝寤鸿浣跨敤UTF-8缂栫爜锛岃繖鏍疯兘鑺傜渷涓�浜涚┖闂淬��

瀵逛簬涓枃姣旇緝澶氱殑璁哄潧 锛屼娇鐢℅BK鍒欐瘡涓瓧绗﹀崰鐢�2涓瓧鑺傦紝鑰屼娇鐢║TF锛�8涓枃鍗村彧鍗�3涓瓧鑺傘�傚彲浠ラ噰鐢℅BK鐗堟湰锛屼絾鏄疷IF-8鍦ㄦ墍浠ユ祻瑙堝櫒閮借兘姝ｅ父鏄剧ず锛岃�孏BK鍙兘鏈変簺娴忚鍣ㄤ細鏈変笉鍏煎鐨勭幇璞★紝鎵�浠ユ牴鎹疄闄呮儏鍐垫潵琛￠噺缃戠珯鍒板簳浣跨敤鍝缂栫爜銆�>

2.娴忚鍣ㄦ湁鍝簺鍐呮牳锛欼E锛宑hrome锛�

3.涓ユ牸妯″紡涓庢�紓妯″紡鐨勫尯鍒細涓ユ牸妯″紡鏇存槗浜庢祻瑙堝櫒娓叉煋銆�

4.html涓殑px em rem %鐨勫尯鍒細px鎸囩粷瀵瑰ぇ灏忥紝em銆�%鐩稿鐖跺厓绱犵殑澶у皬锛�1.7em銆�170%鍗充负鐖跺厓绱犲ぇ灏忕殑1.7鍊嶏紝rem鎸囩浉瀵筯tml鐨勫ぇ灏忥紝濡俬tml涓�20px锛岀埗鍏冪礌涓�30px锛宲鐨刦ont-size锛�1.7rem锛屽嵆涓�20px*1.7銆�

5.浣挎枃瀛楀瀭鐩村眳涓細line-height=height锛屽彧閽堝灏忔鏈崲琛屾枃瀛楋紱

6.閾炬帴涓�瀹氳鏀緃ref灞炴�э紱涓�鑸娇鐢╝閾炬帴鍒朵綔鎸夐挳锛屽洜涓洪粯璁ゆ湁涓墜鍔匡紱璁剧疆a閾炬帴鐨勯鑹叉牱寮忥紝蹇呴』閫変腑a閾炬帴缁欏畠鍗曠嫭璁剧疆銆俛閾炬帴鐨勭户鎵匡紝鍙湁棰滆壊涓嶄細琚奖鍝嶃�俛锛歛ctive{}锛屾寚鐐逛腑锛堥紶鏍囨寜涓嬪幓鏈澗寮�鐨勭姸鎬佷笅锛塧鐨勬牱寮忥紝div涔熷彲浠ヨ缃甴over銆�

7.鍦嗚锛歜order-radius锛�2px锛�

8.transition灞炴�э細transition灞炴�у湪css璁剧疆鏃舵斁鍦╝涓紝鑰屼笉鏄斁鍦╝锛歨over閲岄潰锛�

9.娲剧敓閫夋嫨鍣紙瀛愬厓绱犻�夋嫨鍣級锛歵able td{}锛屾寚table瀛愬厓绱犱腑鎵�鏈夊眰绾х殑td锛�.product>dt涓洪�変腑鐩存帴灞傜骇鐨勫瓙鍏冪礌锛�

10.杈规涓殑鍙岀嚎鍙樹负鍗曠嚎锛歵able{

border-collapse锛歝ollapse锛�

}锛涘彧閽堝琛ㄦ牸銆�

11.濡備綍璁剧疆div涓殑鍥剧墖鍨傜洿鍜屾按骞冲眳涓紝鍥剧墖涓鸿鍐呭厓绱狅細div{

display(鏀瑰彉涓�涓厓绱犵殑灞曠ず褰㈠紡)锛歵able-cell锛�/block锛宯one锛堣鍏冪礌娑堝け锛岃劚绂绘枃妗ｆ祦锛屾病鏈変粠DOM鏍戜腑鍘婚櫎锛泇isibility锛歨idden鍏冪礌闅愯棌锛岀被浼间簬閫忔槑opacity锛�0锛夛紝inline锛宨nline-block锛宼able-cell锛屾寚鍊熺敤table-cell鐨勫睘鎬�/

vertical-align锛歮iddle锛�/璁剧疆鍨傜洿灞呬腑锛屼娇鐢ㄨ寖鍥达細琛ㄦ牸锛屾棤娉曞湪div涓娇鐢�/

text-align锛歝enter锛�/璁剧疆姘村钩灞呬腑/

}