澶氱璇█锛屾敹宸ャ€傛鍐呭鐨勫憟鐜版柟寮忓瓨鍦ㄥ悇绉嶇粏寰樊鍒紝鍙兘浼氬奖鍝嶄互鎮ㄧ殑缃戠珯涓烘瘝璇殑浜虹殑浣撻獙銆傚浜庡浗闄呭寲锛岀洰鍓嶈繕娌℃湁缁熶竴鐨勮鑼冨畾涔夛紝浣哤3C鎻愪緵浜嗗涓嬫寚瀵硷細鍥介檯鍖栨槸鎸囧湪璁捐鍜屽紑鍙戜骇鍝併€佸簲鐢ㄧ▼搴忔垨鏂囨。鏃讹紝涓轰笉鍚屾枃鍖栥€佸湴鍖烘垨璇█鐨勭洰鏍囧彈浼楁彁渚涗究鎹风殑鏈湴鍖栨湇鍔°€傝繖娑夊強鍒板緢澶氬唴瀹癸紝浠嶶nicode鍜屽瓧绗︾紪鐮佺殑浣跨敤锛屽埌鎻愪緵缈昏瘧鍐呭鐨勬妧鏈疄鐜帮紝浠ュ強涓婅堪鍐呭鐨勫憟鐜版柟寮忥紝娑夊強鐨勫唴瀹归潪甯稿銆備粖澶╁彧璁ㄨ涓庡璇█鏀寔鐩稿叧鐨凜SS鐩稿叧鏂归潰銆侰SS閫氳繃鍛婅瘔娴忚鍣ㄥ簲璇ュ浣曡缃牱寮忓拰甯冨眬鏉ユ弿杩扮綉椤电殑鍛堢幇鏂瑰紡銆傛湁鍑犵鏂规硶鎴戜滑鍙互鐢–SS鍦ㄥ璇█椤甸潰涓婂簲鐢ㄤ笉鍚岀殑鏍峰紡鍒颁笉鍚岀殑璇█銆傛澶栵紝杩樻湁涓€浜汣SS灞炴€у彲涓鸿剼鏈拰涔﹀啓绯荤粺鎻愪緵甯冨眬鍜屾帓鐗堝姛鑳斤紝瓒呰秺褰撲粖缃戠粶涓婂父瑙佺殑鍩轰簬鎷変竵璇殑姘村钩鑷笂鑰屼笅鍔熻兘銆傛墍浠ョ郴濂藉畨鍏ㄥ甫锛屽洜涓鸿繖鍙兘鏈€缁堜細鎴愪负涓€绡囧啑闀跨殑鏂囩珷銆侺anguageDependentStyling浣犳湁娌℃湁鎯宠繃Chrome鏄€庝箞鐭ラ亾闂綘鏄惁瑕佺炕璇戠綉椤靛唴瀹圭殑锛熻繖鏄洜涓?html>鍏冪礌涓婄殑lang灞炴€с€俵ang灞炴€ф槸涓€涓潪甯搁噸瑕佺殑灞炴€э紝鍥犱负瀹冩爣璇嗕簡web涓婃枃鏈唴瀹圭殑璇█锛屽苟涓旇繖涓俊鎭湪寰堝鍦版柟閮戒細鐢ㄥ埌銆備笂闈㈡彁鍒扮殑Chrome鍐呯疆缈昏瘧鍣ㄣ€佺壒瀹氳瑷€鍐呭鐨勬悳绱㈠紩鎿庡拰灞忓箷闃呰鍣ㄣ€備篃璁告偍娌℃湁鎯冲埌杩囧睆骞曢槄璇诲櫒锛屼絾濡傛灉鎮ㄤ笉鏄睆骞曢槄璇诲櫒鐢ㄦ埛锛屾垨鑰呮偍涓嶈璇嗗睆骞曢槄璇诲櫒鐢ㄦ埛锛屾偍鍙兘涓嶄細鎯冲埌灞忓箷闃呰鍣ㄣ€傚睆骞曢槄璇诲櫒浣跨敤璇█淇℃伅锛屽洜姝ゅ彲浠ヤ娇鐢ㄩ€傚綋鐨勫彛闊冲拰姝ｇ‘鐨勫彂闊虫潵闃呰鍐呭銆備笌璇█鐩稿叧鐨勬牱寮忕殑鍏抽敭鏄湪椤甸潰鏍囪涓纭娇鐢╨ang灞炴€э紝瀹冨皢ISO639璇█浠ｇ爜璇嗗埆涓哄€笺€傚湪澶у鏁版儏鍐典笅锛屾偍浼氫娇鐢ㄤ袱涓瓧姣嶇殑浠ｇ爜锛屽zh琛ㄧず涓枃锛屼絾涓枃锛堜互鍙婂叾浠栬瑷€锛屽闃挎媺浼锛夎璁や负鏄竴绉嶇敱璁稿璇█缁勬垚鐨勫ぇ鍨嬭瑷€锛屽叿鏈夋洿澶氫富棰樺瓙鏍囩銆傛湁鍏冲浣曟瀯閫犺瑷€鏍囩鐨勮缁嗚鏄庯紝璇峰弬闃匟TML鍜孹ML涓殑璇█鏍囩銆備竴鑸噯鍒欐槸html鍏冪礌蹇呴』濮嬬粓璁剧疆lang灞炴€э紝鐒跺悗鎵€鏈夊叾浠栧厓绱犻兘灏嗙户鎵胯灞炴€с€?htmllang="zh-cn">鍦ㄥ悓涓€椤甸潰涓婄湅鍒颁笉鍚岃瑷€鐨勫唴瀹瑰苟涓嶅皯瑙併€傚湪杩欑鎯呭喌涓嬶紝鎮ㄥ彲浠ヤ娇鐢?span>鎴?div>鍖呰璇ュ唴瀹癸紝骞跺皢姝ｇ‘鐨刲ang灞炴€у簲鐢ㄤ簬璇ュ寘瑁呭厓绱犮€?p>鍗佷簩鐢熻倴涓殑绗洓鍙姩鐗╂槸鍏斿瓙(鍏斿瓙)銆?/p>鏃㈢劧鎴戜滑宸茬粡寮勬竻妤氫簡杩欎竴鐐癸紝涓嬮潰鐨勬妧鏈皢鍋囪lang灞炴€у叿鏈夎礋璐ｄ换鍦板疄鏂姐€?lang()浼€夋嫨鍣ㄧ粨鏋滆瘉鏄?lang()浼€夋嫨鍣ㄥ苟涓嶆槸閭ｄ箞涓轰汉鎵€鐭ャ€傜劧鑰岋紝杩欎釜浼被閫夋嫨鍣ㄩ潪甯搁叿锛屽洜涓哄畠鍙互璇嗗埆鍐呭鐨勮瑷€锛屽嵆浣胯瑷€鏄湪鍏冪礌澶栭儴澹版槑鐨勩€備緥濡傦紝涓€琛屾爣璁版湁涓ょ璇█锛?p>鎴戜滑浣跨敤鏂滀綋鏉ュ己璋冭嫳璇腑鐨勫崟璇嶏紝浣嗘槸涓枃浣跨敤寮鸿皟鏍囪.
鍙互浣跨敤浠ヤ笅鏍峰紡锛歟m:lang(zh){font-style:normal;text-emphasis:dot;}濡傛灉浣犵殑娴忚鍣ㄦ敮鎸乼ext-emphasisCSS灞炴€э紝浣犲簲璇ョ湅鍒板湪
涓殑姣忎釜姹夊瓧涓婃坊鍔犲己璋冩爣璁帮紙浼犵粺涓婄敤浜庡己璋冧笢浜氬瓧绗︾殑鎺掔増绗﹀彿锛夛紝Chrome娴忚鍣ㄩ渶瑕?webkit-瀛楅銆備絾闂鏄紝lang灞炴€т笉鏄簲鐢ㄥ湪鍏冪礌涓婏紝鑰屾槸搴旂敤鍦ㄥ畠鐨勭埗绫讳笂銆備粛鐒跺彲浠ヤ娇鐢ㄤ吉绫汇€傚鏋滄垜浠娇鐢ㄦ洿甯歌鐨勫睘鎬ч€夋嫨鍣紝姣斿[lang="zh]锛岄偅涔堣繖涓睘鎬у繀椤诲湪鍏冪礌涓婃墠鑳界敓鏁堛€備娇鐢ㄥ睘鎬ч€夋嫨鍣ㄨ繖寮曞嚭浜嗘垜浠殑涓嬩竴涓妧鏈紝浣跨敤灞炴€ч€夋嫨鍣ㄣ€傝繖璁╂垜浠€夋嫨鍏锋湁鐗瑰畾灞炴€ф垨鍏锋湁鐗瑰畾鍊肩殑灞炴€х殑鍏冪礌銆傛湁涓冪鍖归厤灞炴€ч€夋嫨鍣ㄧ殑鏂规硶锛屼絾鎴戝彧璁ㄨ鎴戣涓轰笌lang灞炴€ф洿鐩稿叧鐨勯偅浜涖€傛垜鎵€鏈夌殑绀轰緥閮戒娇鐢ㄤ腑鏂囦綔涓虹洰鏍囪瑷€锛屽洜姝や娇鐢▃h鍙婂叾鍙樹綋銆傞鍏堬紝鎴戜滑鍙互浣跨敤濡備笅璇硶鏉ュ畬鍏ㄥ尮閰峫ang灞炴€у€硷細[lang="zh"]/*鍙尮閰峼h*/鍓嶉潰鎻愬埌涓枃琚涓烘槸涓€绉嶅畯璇█锛屼篃灏辨槸璇村畠鐨刲anguagetag鍙互缁勬垚鍏锋湁棰濆鐨勭壒娈婃€э紝渚嬪鏂囨湰瀛愭爣绛綡ans鎴朒ant锛圵3C璇村彧鏈夊湪蹇呰鏃舵墠浣跨敤鏂囨湰瀛愭爣绛炬潵鍖哄垎鎮ㄩ渶瑕佺殑鍐呭锛屽惁鍒欎笉瑕佷娇鐢ㄥ畠浠級锛屽尯鍩熻缃瓙鏍囩HK鎴朤W绛夈€傚叧閿槸锛岃瑷€鏍囩鍙互姣斾袱涓瓧姣嶉暱銆備絾鏄渶骞挎硾鐨勭被鍒€绘槸鍦ㄥ墠锛屾墍浠ヨ瀹氫綅浠ョ壒瀹氬瓧绗︿覆寮€澶寸殑灞炴€у€硷紝鎴戜滑鍦ㄥ紑澶翠娇鐢╚璇硶銆俒lang^="zh"]/*浼氬尮閰峼h,zh-HK,zh-Hans,zhong,zh123...鐨勫墠涓や釜璇?/杩樻湁涓€涓娉曟秹鍙婂埌|锛屼細鍖归厤閫夋嫨鍣ㄥ尮閰嶇‘鍒囩殑鍊硷紝鎴栧紑濮嬪尮閰嶇揣璺熷湪-涔嬪悗鐨勫€笺€傜湅璧锋潵瀹冩槸涓鸿瑷€瀛愪唬鐮佸尮閰嶈€岃璁＄殑锛屼笉鏄悧锛焄lang|="zh"]/*灏嗗尮閰峼h,zh-HK,zh-Hans,zh-amazing,zh-123*/璇疯浣忥紝瀵逛簬灞炴€ч€夋嫨鍣紝灞炴€у繀椤诲湪琚缃牱寮忕殑鍏冪礌涓婏紝灞炴€у皢濡傛灉瀹冨鐖舵瘝鎴栫鍏堟病鏈夊奖鍝嶃€傛櫘閫氱殑绫绘垨ID鍛紵鏄殑锛屾偍鍙互浣跨敤鏅€氱殑绫绘垨id锛屽敖绠℃偍灏嗕笉鍐嶅埄鐢ㄥ厓绱犱笂宸叉湁鐨勪究鍒┿€備絾鏄紝鍙互鑲畾鐨勬槸锛屽鏋滄偍鐪熺殑鎯宠锛屾病鏈変汉浼氶樆姝㈡偍涓哄厓绱犳彁渚涚被鍚嶄互搴旂敤鐗瑰畾浜庤瑷€鐨勬牱寮忋€侰SS灞炴€уソ浜嗭紝閫夋嫨鍣ㄩ兘娑电洊浜嗐€傝鎴戜滑璋堣皥鎴戜滑鎯宠搴旂敤浜庝笌杩欎簺閫夋嫨鍣ㄥ尮閰嶇殑鍏冪礌鐨勬牱寮忋€傜紪鍐欐ā寮弚riting-mode鐨勯粯璁ゅ€间负horizo鈥嬧€媙tal-tb锛岃繖瀹屽叏鍚堜箮閫昏緫锛屽洜涓簑eb璇炵敓浜嶤ERN锛屽畼鏂硅瑷€鏄嫳璇拰娉曡銆傝€屼笖锛屾棤璁哄浣曪紝澶у鏁扮綉缁滄妧鏈兘鏄湪鑻辫鍥藉寮€鍒涚殑銆備絾浜虹被鐨勫杩圭粰浜嗘垜浠秴杩囦粠涓婂埌涓嬫按骞虫柟鍚戠殑鏂囧瓧鍜屼功鍐欐柟鍚戠殑3000澶氱涔﹂潰璇█銆備紶缁熺殑钂欏彜鏂囧瓧鏄粠宸﹀埌鍙崇珫鎺掔殑锛岃€屾棩鏂囥€佹眽璇€侀煩鏂囩瓑涓滀簹鏂囧瓧绔栨帓鏃舵槸浠庡彸鍒板乏鎺掔殑銆傚厑璁告偍鎵ц姝ゆ搷浣滅殑鍐欏叆妯″紡灞炴€у垎鍒槸vertical-lr鍜寁ertical-rl銆傝繕鏈塻ideways-lr鍜宻ideways-rl鐨勫€硷紝瀹冧滑灏嗗瓧褰㈠悜渚ч潰鏃嬭浆銆傛瘡涓猆nicode瀛楃閮芥湁涓€涓瀭鐩存柟鍚戝睘鎬э紝榛樿鎯呭喌涓嬮€氱煡娓叉煋寮曟搸瀛楀舰鐨勬柟鍚戙€傛垜浠彲浠ヤ娇鐢╰ext-orientation灞炴€ф洿鏀瑰瓧绗︾殑鏂瑰悜銆傚綋鎮ㄥ湪鍨傜洿閿叆鐨勪笢浜氭枃鏈腑鎻掑叆鍩轰簬鎷変竵璇殑鍗曡瘝鎴栧瓧绗︽椂锛岄€氬父浼氳捣浣滅敤銆傚浜庣缉鍐欙紝鎮ㄥ彲浠ラ€夋嫨浣跨敤text-combine-upright灏嗗瓧姣嶅帇缂╁埌涓€涓瓧绗︾┖闂翠腑銆傛湁浜涗汉鍙兘鎯崇煡閬撲粠鍙冲埌宸︾殑璇█锛屽闃挎媺浼銆佸笇浼潵璇垨娉㈡柉璇紙浠呬妇鍑犱緥锛夛紝浠ュ強CSS鏄惁涔熼€傜敤浜庤繖浜涜瑷€銆傜畝鑰岃█涔嬶紝CSS涓嶅簲璇ョ敤浜庡弻鍚戞牱寮忋€俉3C鐨勬寚瀵煎師鍒欏涓嬶細鐢变簬鏂瑰悜鎬ф槸鏂囨。缁撴瀯鐨勭粍鎴愰儴鍒嗭紝鍥犳搴旇浣跨敤鏍囪鏉ヨ缃枃妗ｆ垨淇℃伅鍧楃殑鏂瑰悜鎬э紝鎴栬€呮爣璇嗘枃鏈腑鍗曢潬Unicode鍙屽悜绠楁硶涓嶈冻浠ュ疄鐜扮殑浣嶇疆鎵€闇€鐨勬柟鍚戞€с€傞€氳繃CSS搴旂敤姝ゆ牱寮忓彲鑳戒細鍦ㄤ笉鍚岀殑涓婁笅鏂囦腑琚叧闂€佽鐩栥€佹棤娉曡瘑鍒垨鏇存敼/鏇挎崲銆傜浉鍙嶏紝寤鸿浣跨敤dir灞炴€ф潵璁剧疆鏂囨湰鐨勫熀鏈樉绀烘柟鍚戙€傜綉椤典笂鐨勬墍鏈夊唴瀹归兘鏄竴涓洅瀛愶紝CSS鎬绘槸浣跨敤涓娿€佷笅銆佸乏銆佸彸鐨勭墿鐞嗘柟鍚戞潵鎸囩ず鎴戜滑瑕佸畾浣嶇洅瀛愮殑鍝竴渚с€備絾鏄紝褰撲功鍐欐ā寮忕殑鏂瑰悜涓嶆槸榛樿鐨勪粠涓婂埌涓嬬殑姘村钩鏂瑰悜鏃讹紝杩欎簺鍊煎彲鑳戒細閫犳垚娣锋穯銆傜洅瀛愮殑鐗╃悊杈瑰拰閫昏緫杈硅繘琛屽畾浣嶇殑涔﹀啓鏂瑰悜鐭╅樀鍙婂叾瀵瑰簲鐨勫彇鍊煎涓嬶紙鎾板啓鏈枃鏃惰琛ㄥ凡浠庤鑼冧腑鍒犻櫎锛夛細浣跨敤inset-before鐢ㄤ簬閫昏緫椤堕儴瀹瑰櫒锛屽苟鎻掑叆瀹瑰櫒鐨勯€昏緫搴曢儴-涔嬪悗銆傚鍣ㄩ€昏緫宸﹁竟浣跨敤inset-start锛屽鍣ㄩ€昏緫鍙宠竟浣跨敤inset-end銆傝繕鏈夌浉搴旂殑border銆乵argin鍜宲adding鏄犲皠锛屽垎鍒槸top鍒癰lock-startright鍒癷nline-endbottom鍒癰lock-endleft鍒癷nline-start锛屽湪size涓婄殑鏄犲皠濡備笅锛歸idth鍜宨nline-size鍜宧eight鍜宐lock-澶у皬鏄犲皠銆傚垪琛ㄥ拰璁℃暟鍣ㄦ暟瀛楃郴缁熸槸鐢ㄦ潵琛ㄧず鏁板瓧鐨勪功鍐欑郴缁燂紝灏界鏈€甯哥敤鐨勬暟瀛楃郴缁熸槸鍗板害闃挎媺浼暟瀛楃郴缁燂紙0銆?銆?銆?绛夛級锛孋SS鍏佽鎴戜滑鏄剧ず鏈夊簭鍒楄〃浣跨敤鍏朵粬鏁板瓧绯荤粺銆備娇鐢╨ist-style-type灞炴€у彲浠ヤ娇鐢ㄩ瀹氫箟鐨勮鏁板櫒鏍峰紡锛岃灞炴€ф兜鐩栦粠杩滄柟鍒颁箤灏旈兘璇殑174涓暟瀛楃郴缁熴€傛偍鍙互鍦∕DN涓婃煡鐪嬪畬鏁村垪琛ㄣ€傚鏋滀綘瀵笴SS璁℃暟鍣ㄦ劅鍏磋叮锛屾垜鍦ㄥ幓骞寸殑鏌愪釜鏃跺€欏啓杩囧叧浜庡畠浠殑鏂囩珷锛屾帰璁ㄤ簡绻佷綋涓枃涓婁笅鏂囦腑浣跨敤鐨勨€滃ぉ骞测€濆拰鈥滃湴鏀€濇暟瀛楃郴缁燂紙浠ュ強Fizzbuzz瀹炵幇锛屽洜涓轰负浠€涔堜笉).TextDecoration鍓嶉潰璇磋繃锛屼笢浜氳瑷€娌℃湁鏂滀綋鐨勬蹇点€傜浉鍙嶏紝鎴戜滑鏈夐噸闊崇锛屽彲浠ユ斁鍦ㄥ瓧绗︿笂鏂规垨涓嬫柟浠ュ己璋冨崟璇嶃€佸寮鸿姘旀垨閬垮厤姝т箟銆傛í鍐欎腑鏂囨椂锛岀偣鍦ㄥ瓧鐨勪笂鏂癸紝绔栧啓鏃讹紝鐐瑰湪瀛楃殑宸﹁竟銆備负浜嗕娇CSS灞炴€ф洿鍔犻€氱敤锛屽湪CSS鏂囨湰瑁呴グ妯″潡Level3)涓紩鍏ヤ簡鏂囨湰寮鸿皟鏍峰紡銆佹枃鏈己璋冧綅缃拰鏂囨湰寮鸿皟棰滆壊銆傚彲浠ヤ娇鐢ㄧ偣浠ュ鐨勫叾浠栫鍙凤紝濡傚渾銆佷笁瑙掑舰鎴栧崟涓瓧绗︿綔涓哄瓧绗︿覆锛屼綅缃拰棰滆壊涔熷彲浠ユ牴鎹悇鑷殑灞炴€ц繘琛岃皟鏁淬€傜嚎淇グ涔熷寘鍚湪鍚屼竴瑙勮寖涓紝骞朵负寮€鍙戜汉鍛樻彁渚涗簡瀵逛笅鍒掔嚎鍜屼笂鍒掔嚎鐨勬洿濂芥帶鍒讹紙鍦ㄨ鑼冪殑绾у埆4涓級銆備絾杩欏浜庡叿鏈変笂鍗囨垨涓嬮檷绾跨殑鏂囨湰鐗瑰埆鏈夌敤锛屽洜涓哄畠浠粡甯告孩鍑哄熀绾裤€侰SSTextDecorationModuleLevel4寮曞叆浜唗ext-decoration-skip锛岃繖鏄竴涓帶鍒跺浣曠粯鍒惰法瀛楀舰鐨勪笂鍒掔嚎鍜屼笅鍒掔嚎鐨勬帶浠躲€傚悓鏍凤紝鏈変簺浜嬫儏鍦ㄨ嫳璇瓑璇█涓緝灏戝彂鐢燂紝浣嗗湪寰堝ぇ绋嬪害涓婂奖鍝嶄簡缂呯敻璇瓑鏂囧瓧鐨勭編鎰熴€傚瓧浣撳彉浣撴湁涓ょ被CSS灞炴€у彲鐢ㄤ簬璁块棶OpenType鍔熻兘锛屽嵆楂樼骇灞炴€у拰浣庣骇灞炴€с€傝瑙勮寖寤鸿灏藉彲鑳戒娇鐢ㄩ珮绾у睘鎬с€傝繖涓昏鍙栧喅浜庢祻瑙堝櫒鏀寔銆備緥濡傦紝font-variant-east-asian鍏佽鎺у埗鍏锋湁鍙樹綋鐨勫瓧绗︾殑瀛楀舰褰㈠紡锛屼緥濡傜畝浣撲腑鏂囧瓧褰笌绻佷綋涓枃瀛楀舰銆傚畠鏄悓涓€涓瓧绗︼紝浣嗗彲鑳藉啓娉曚笉鍚屻€傝繕鏈塮ont-variant-ligatures锛堝彉浣撹繛瀛楋級锛屽畠鎻愪緵浜嗚澶氶璁惧瓧浣撳拰涓婁笅鏂囧舰寮忛€夐」锛屼緥濡俧reediscretionary-ligatures鎴杊istorical-ligatures鎴朿ontextual銆備綆绾у睘鎬у彲閫氳繃font-feature-settings璁块棶锛屾偍鍙互鍦ㄥ叾涓娇鐢?涓瓧姣嶇殑OpenType鏍囩鏉ュ垏鎹㈡偍鎯宠鐨勫姛鑳斤紙杩欏彇鍐充簬鎮ㄧ殑瀛椾綋鏄惁浠ヨ繖浜涘姛鑳藉紑澶达紝浣嗘垜浠亣璁惧畠鏄級銆傛湁141涓壒寰佹爣绛撅紝浠庡彲閫夌殑鍒嗘暟鍒板榻愶紝浠庡彲閫夌殑Ruby绗﹀彿鍒伴浂鍒囧壊銆傝繖浜汣SS灞炴€т笌瀛椾綋鏂囦欢鏈韩鐨勫姛鑳藉瘑鍒囩浉鍏筹紝鍥犳澶栭儴渚濊禆鎬у彇鍐充簬鎮ㄩ€夋嫨鐨勫瓧浣撱€傛€荤粨杩欑瘒鏂囩珷鐪熺殑寰堥暱锛屾墍浠ユ垜灏嗗湪绗簩閮ㄥ垎璇︾粏璇存槑鎴戜滑濡備綍浣跨敤鎴戜滑娑夊強鐨勯€夋嫨鍣ㄦ瀯寤哄竷灞€浠ョ‘淇濇垜浠殑甯冨眬鍗充娇鍦ㄨ瑷€鍙戠敓鍙樺寲鏃朵篃淇濇寔鍋ュ．銆侳lexbox鍜孏rid绛夌幇浠ｅ竷灞€灞炴€ч潪甯搁€傚悎姝ょ被鐢ㄤ緥銆傛垜鍙戠幇CSS鏈€鏈夎叮鐨勪竴浠朵簨鏄垜浠彲浠ョ敤涓嶅悓鐨勬柟寮忕粍鍚堝畠浠互鑾峰緱鏃犻檺澶氱殑缁撴灉锛屽苟涓旀湁500澶氫釜CSS灞炴€э紝鏈夊緢澶氬彲鑳芥€с€傛垜骞朵笉鏄涓€鍒囬兘鍙互锛屽洜涓哄緢澶氭椂鍊欙紝鏈夋棤鏁扮鏂规硶鍙互杈惧埌鐩稿悓鐨勭粨鏋滐紝鑰屼笖鏈変簺鏂规硶姣斿叾浠栨柟娉曟洿鍚堥€傘€傜劧鑰岋紝閫氳繃浜嗚В姣忛」鎶€鏈儗鍚庣殑鏈哄埗銆佷紭缂虹偣锛屽苟浜嗚В鎴戜滑涓轰粈涔堥€夋嫨浠ユ煇绉嶆柟寮忓仛浜嬶紝鎴戜滑闇€瑕佸氨鍝鏂规硶鏈€閫傚悎鎴戜滑鐨勭幆澧冨仛鍑烘槑鏅虹殑鍐冲畾銆傛垜浠嶇劧鐩镐俊锛?0澶氬勾鍚庯紝缃戠粶浠嶇劧鏄竴绉嶄俊鎭獟浠嬶紝鍐呭鏄叧閿€傚洜姝わ紝鏃犺浣跨敤浣曠璇█鎴栨枃瀛楋紝閮藉簲浼樺寲鍐呭鐨勫憟鐜版柟寮忋€傛垜寰堥珮鍏碈SS涓嶆柇鍙戝睍锛屼负寮€鍙戜汉鍛樻彁渚涗簡涓€绉嶆柟娉曟潵鍋氬埌杩欎竴鐐广€侫nyway锛屾暚璇锋湡寰卲art2鍘熸枃淇℃伅锛氬師鏂囷細https://www.chenhuijing.com/b...馃懢浣滆€咃細闄堟収闈欐枃绔犻鍙戙€婂墠绔鏂囩簿閫夈€嬪井淇″叕浼楀彿濡傛灉鏈夊惎鍙戝拰瀵逛綘鏈夊府鍔╋紝鍙互鍏虫敞銆佹敹钘忋€佽浆鍙戯紝涔熷彲浠ョ暀瑷€璁ㄨ锛岃繖鏄浣滆€呮渶澶х殑榧撳姳銆備綔鑰呯畝浠嬶細Web鍓嶇宸ョ▼甯堬紝鍏ㄦ爤寮€鍙戝伐绋嬪笀锛屾寔缁涔犺€呫€傜户缁槄璇诲叾浠栧ソ璇勬枃绔燫eact.js鍜孷ue.js璇硶骞舵帓姣旇緝鑰佹澘浼氬枩娆紝鍓嶇寮€鍙戣€呯殑10鏉″畨鍏ㄥ缓璁甒eb涓浘鍍忔妧鏈€荤粨锛屼紭缂虹偣鍜屼緥瀛愬湪鍓嶇寮€鍙戜腑寮曞叆鍚勭鍥惧儚鐨勬妧宸у湪Vue.js涓紪鍐欐洿濂界殑v-for寰幆鐨?涓妧宸?020骞?2涓猇ue.js寮€鍙戞妧宸у拰绐嶉棬銆愭妧宸с€慍SS濡備綍瀹炵幇鏂囨湰瀵归綈锛?閬撶畝鍗曚絾鏈夋妧宸х殑JavaScript闈㈣瘯棰橈紝璁╀綘鍦?020骞存垚涓哄墠绔珮鎵嬨€?涓」鐩€愮瑪璁般€慦eb鍏ㄦ爤宸ョ▼甯堢殑鑷垜淇吇锛堜笂锛夈€愮瑪璁般€慦eb鍏ㄦ爤宸ョ▼甯堢殑鑷垜淇吇锛堜笅锛夈€愬皬鎶€宸с€戝浣曢槻姝5椤甸潰寮瑰嚭鎵嬫満铏氭嫙閿洏锛熸嫆缁滼avaScript锛岃繖涓変釜CSS鎶€宸т綘涓€瀹氳鐢ㄥソChromeDevTools鐨?涓殣钘忓姛鑳斤紝鍙互鎻愰珮浣犵殑宸ヤ綔鏁堢巼銆愬浘鏂囨暀绋嬨€戝悓姝ヤ綘鐨刅SCode璁剧疆鍜屾墿灞曟彃浠讹紝鎹㈡墜鏈轰笉鐢ㄦ剚鏇村...
