浣滆€咃細knaagar璇戣€咃細鍓嶇灏忔櫤鏉ユ簮锛歞ev鏈夋ⅵ鎯筹紝鏈夊共璐э紝寰俊鎼滅储銆愬ぇ鍗冧笘鐣屻€戝叧娉ㄨ繖浣嶅ぇ娓呮棭杩樺湪娲楃鐨勬礂纰楁櫤鎱с€傛湰鏂囧凡鏀跺綍鍒癎itHubhttps://github.com/qq449245884/xiaozhi锛岄噷闈㈡湁瀹屾暣鐨勬祴璇曠珯鐐广€佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€傛笎鍙樻枃鏈琱1{background-image:linear-gradient(toright,#c6ffdd,#fbd786,#f7797d);鑳屾櫙鍓緫锛氭枃鏈紱-webkit-鑳屾櫙鍓緫锛氭枃鏈紱color:transparent;}淇敼濯掍綋榛樿鍊间互鍐欏叆css娣诲姞杩欎簺灞炴€т互鏀硅繘閲嶇疆鏃剁殑濯掍綋榛樿鍊笺€俰mg,鍥剧墖,瑙嗛,svg{鏈€澶у搴?100%;閫傚悎瀵硅薄锛氬寘鍚紱/*淇濇寔鑹ソ鐨勭旱妯瘮*/}鍒楁暟浣跨敤鍒楀睘鎬т负鏂囨湰鍏冪礌鍒朵綔婕備寒鐨勫垪甯冨眬銆俻{鍒楁暟锛?锛涙煴闂磋窛锛?rem锛沜olumn-rule:1pxsolidsalmon;/*鍒椾箣闂寸殑杈规*/}浣跨敤浣嶇疆浣垮厓绱犲眳涓璬iv{position:absolute;椤堕儴锛?0%锛涘乏锛?0%锛泃ransform:translate(-50%,-50%);}閫楀彿鍒嗛殧鍒楄〃li:not(:last-child)::after{content:',';}smoothscrollinghtml{scroll-behavior:smooth;}hyphenshyphens鍛婅瘔娴忚鍣ㄥ浣曞湪鎹㈣鏃跺鍗曡瘝杩涜杩炲瓧銆傚彲浠ュ畬鍏ㄩ樆姝㈣繛瀛楃鐨勪娇鐢紝鎺у埗娴忚鍣ㄤ綍鏃朵娇鐢ㄥ畠浠紝鎴栬€呰娴忚鍣ㄥ喅瀹氫綍鏃朵娇鐢ㄥ畠浠€傞瀛楁瘝閬垮厤浜嗕笉蹇呰鐨剆pan骞朵娇鐢ㄤ吉鍏冪礌涓烘偍鐨勫唴瀹硅缃牱寮忥紝鍚屾牱瀵逛簬棣栧瓧姣嶄吉鍏冪礌锛屾垜浠篃鏈塮irst-line浼厓绱犮€俬1::first-letter{color:#ff8A00;}accent-coloraccent-color灞炴€х敤鑷畾涔夐鑹插€奸噸鏂扮潃鑹叉祻瑙堝櫒榛樿鏍峰紡鎻愪緵鐨勮〃鍗曟帶浠剁殑寮鸿皟鑹层€傚浘鐗囧～鍏卼exth1{background-image:url('illustration.webp');鑳屾櫙鍓緫锛氭枃鏈紱color:transparent;}placeholder浼厓绱犱娇鐢╬laceholder浼厓绱犳敼鍙樺崰浣嶇鏍峰紡锛歩nput::placeholder{font-size:1.5em;瀛楁瘝闂磋窛锛?px锛涢鑹诧細缁胯壊锛泃ext-shadow:1px1px1pxblack;}colors鍔ㄧ敾浣跨敤棰滆壊寰皟婊ら暅鏉ユ敼鍙樺厓绱犻鑹层€俠utton{animation:colors1slinearinfinite;}@keyframescolors{0%{filter:hue-rotate(0deg);}100%{婊ら暅锛氳壊璋冩棆杞?360deg);}}clamp()鍑芥暟clamp()鍑芥暟鐨勪綔鐢ㄦ槸灏嗕竴涓€奸檺鍒跺湪涓婇檺鍜屼笅闄愪箣闂淬€傚綋姝ゅ€艰秴鍑烘渶灏忓€煎拰鏈€澶у€肩殑鑼冨洿鏃讹紝閫夋嫨涓€涓粙浜庢渶灏忓€煎拰鏈€澶у€间箣闂寸殑鍊兼潵浣跨敤銆傚畠鎺ユ敹涓変釜鍙傛暟锛氭渶灏忓€笺€侀閫夊€笺€佹渶澶у€笺€俬1{font-size:clamp(5.25rem,8vw,8rem);}閫夋嫨浼被璁剧疆琚€夊厓绱犵殑鏍峰紡銆?:selection{color:coral;}decimalleadingzero灏嗗垪琛ㄦ牱寮忕被鍨嬭缃负decimalleadingzeros銆俵i{list-style-type:decimal-leading-zero;}customcursorhtml{cursor:url('no.png'),auto;}caret-colorcaret-color灞炴€х敤浜庡畾涔夋彃鍏ュ厜鏍囩殑棰滆壊锛坈aret)锛岃繖閲岃鐨勬彃鍏ュ厜鏍囧氨鏄棯鐑佺殑绔栨潯|鐢ㄤ簬鎸囩ず鐢ㄦ埛鐨勮緭鍏ュ皢琚彃鍏ュ埌缃戦〉鍙紪杈戝尯鍩熺殑鍝釜浣嶇疆鐨勪笢瑗裤€俹nly-childCSS浼被:only-child鍖归厤娌℃湁浠讳綍鍏勫紵鍏冪礌鐨勫厓绱犮€傜瓑浠风殑閫夋嫨鍣ㄤ篃鍙互鍐欐垚锛歠irst-child:last-child鎴栬€咃細nth-鈥嬧€媍hild(1):nth-last-child(1)锛屽綋鐒跺墠鑰呯殑鏉冮噸浼氫綆涓€浜涖€備娇鐢ㄧ綉鏍间娇鍏冪礌灞呬腑銆俻arent{display:grid;place-items:center;}text-indenttext-indent灞炴€у彲浠ュ畾涔夊潡鍏冪礌鐨勭涓€琛屾枃鏈唴瀹逛箣鍓嶇殑缂╄繘銆俻{text-indent:5.275rem;}liststyletypeCSS灞炴€ist-style-type鍙互璁剧疆鍒楄〃鍏冪礌鐨勬爣璁帮紙濡傜偣銆佺鍙锋垨鑷畾涔夎鏁板櫒鏍峰紡锛夈€俵i{list-style-type:'馃煣';}鍘熸枃锛歨ttps://dev.to/devsyedmohsin/...浜ゆ祦鏈夋ⅵ鎯筹紝鏈夊共璐э紝寰俊鎼滅储銆愬ぇ鍗冧笘鐣屻€戝叧娉ㄨ繖涓繕鍦ㄦ礂纰楁竻鏅ㄦ礂纰楃殑鏅烘収銆傛湰鏂囧凡鏀跺綍鍒癎itHubhttps://github.com/qq449245884/xiaozhi锛岄噷闈㈡湁瀹屾暣鐨勬祴璇曠珯鐐广€佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€?/p>
