CSS 鍙傝冩墜鍐


Note 婀栧崡蹇笁瀹樼綉涓嬭浇app鈥斿畼鏂圭綉鍧22270.COM楦熸暀绋嬬殑 好运快三有规律吗—官方网址22270.COM_CSS 鍙傝冩墜鍐屽湪鎵鏈変富娴佹祻瑙堝櫒涓祴璇曢氳繃.


CSS 灞炴

CSS 灞炴х粍锛

"CSS" 鍒楁寚绀哄睘鎬ф槸鍦ㄥ摢涓 CSS 鐗堟湰涓畾涔夌殑 (CSS1, CSS2, 鎴栬 CSS3).

鍔ㄧ敾灞炴

灞炴 鎻忚堪 CSS
@keyframes 瀹氫箟涓涓姩鐢,@keyframes瀹氫箟鐨勫姩鐢诲悕绉扮敤鏉ヨanimation-name鎵浣跨敤銆 3
animation 好运快三有规律吗—官方网址22270.COM澶嶅悎灞炴с傛绱㈡垨璁剧疆瀵硅薄鎵搴旂敤鐨勫姩鐢荤壒鏁堛 3
animation-name 妫绱㈡垨璁剧疆瀵硅薄鎵搴旂敤鐨勫姩鐢诲悕绉 ,蹇呴』涓庤鍒橜keyframes閰嶅悎浣跨敤锛屽洜涓哄姩鐢诲悕绉扮敱@keyframes瀹氫箟 3
animation-duration 妫绱㈡垨璁剧疆瀵硅薄鍔ㄧ敾鐨勬寔缁椂闂 3
animation-timing-function 妫绱㈡垨璁剧疆瀵硅薄鍔ㄧ敾鐨勮繃娓$被鍨 3
animation-delay 妫绱㈡垨璁剧疆瀵硅薄鍔ㄧ敾鐨勫欢杩熸椂闂 3
animation-iteration-count 妫绱㈡垨璁剧疆瀵硅薄鍔ㄧ敾鐨勫惊鐜鏁 3
animation-direction 妫绱㈡垨璁剧疆瀵硅薄鍔ㄧ敾鍦ㄥ惊鐜腑鏄惁鍙嶅悜杩愬姩 3
animation-play-state 妫绱㈡垨璁剧疆瀵硅薄鍔ㄧ敾鐨勭姸鎬 3

鑳屾櫙灞炴

灞炴 鎻忚堪 CSS
background 澶嶅悎灞炴с好运快三有规律吗—官方网址22270.COM璁剧疆瀵硅薄鐨勮儗鏅壒鎬с 1
background-attachment 好运快三有规律吗—官方网址22270.COM璁剧疆鎴栨绱㈣儗鏅浘鍍忔槸闅忓璞″唴瀹规粴鍔ㄨ繕鏄浐瀹氱殑銆傚繀椤诲厛鎸囧畾background-image灞炴с 1
background-color 璁剧疆鎴栨绱㈠璞$殑鑳屾櫙棰滆壊銆 1
background-image 璁剧疆鎴栨绱㈠璞$殑鑳屾櫙鍥惧儚銆 1
background-position 璁剧疆鎴栨绱㈠璞$殑鑳屾櫙鍥惧儚浣嶇疆銆傚繀椤诲厛鎸囧畾background-image灞炴с 1
background-repeat 璁剧疆鎴栨绱㈠璞$殑鑳屾櫙鍥惧儚濡備綍閾烘帓濉厖銆傚繀椤诲厛鎸囧畾background-image灞炴с 1
background-clip 鎸囧畾瀵硅薄鐨勮儗鏅浘鍍忓悜澶栬鍓殑鍖哄煙銆 3
background-origin S璁剧疆鎴栨绱㈠璞$殑鑳屾櫙鍥惧儚璁$畻background-position鏃剁殑鍙傝冨師鐐(浣嶇疆)銆 3
background-size 好运快三有规律吗—官方网址22270.COM妫绱㈡垨璁剧疆瀵硅薄鐨勮儗鏅浘鍍忕殑灏哄澶у皬銆 3

杈规(Border) 鍜 杞粨(Outline) 灞炴

灞炴 鎻忚堪 CSS
border 澶嶅悎灞炴с傝缃璞¤竟妗嗙殑鐗规с 1
border-bottom 澶嶅悎灞炴с傝缃璞″簳閮ㄨ竟妗嗙殑鐗规с 1
border-bottom-color 璁剧疆鎴栨绱㈠璞$殑搴曢儴杈规棰滆壊銆 1聽
border-bottom-style 璁剧疆鎴栨绱㈠璞$殑搴曢儴杈规鏍峰紡銆 1
border-bottom-width 璁剧疆鎴栨绱㈠璞$殑搴曢儴杈规瀹藉害銆 1
border-color 缃垨妫绱㈠璞$殑杈规棰滆壊銆 1
border-left 好运快三有规律吗—官方网址22270.COM澶嶅悎灞炴с傝缃璞″乏杈硅竟妗嗙殑鐗规с 1
border-left-color 好运快三有规律吗—官方网址22270.COM璁剧疆鎴栨绱㈠璞$殑宸﹁竟杈规棰滆壊銆 1
border-left-style 璁剧疆鎴栨绱㈠璞$殑宸﹁竟杈规鏍峰紡銆 1
border-left-width 璁剧疆鎴栨绱㈠璞$殑宸﹁竟杈规瀹藉害銆 1
border-right 澶嶅悎灞炴с傝缃璞″彸杈硅竟妗嗙殑鐗规с 1
border-right-color 璁剧疆鎴栨绱㈠璞$殑鍙宠竟杈规棰滆壊銆 1
border-right-style 璁剧疆鎴栨绱㈠璞$殑鍙宠竟杈规鏍峰紡銆 1
border-right-width 璁剧疆鎴栨绱㈠璞$殑鍙宠竟杈规瀹藉害銆 1
border-style 璁剧疆鎴栨绱㈠璞$殑杈规鏍峰紡銆 1
border-top 澶嶅悎灞炴с傝缃璞¢《閮ㄨ竟妗嗙殑鐗规с 1
border-top-color 璁剧疆鎴栨绱㈠璞$殑椤堕儴杈规棰滆壊 1
border-top-style 璁剧疆鎴栨绱㈠璞$殑椤堕儴杈规鏍峰紡銆 1
border-top-width 璁剧疆鎴栨绱㈠璞$殑椤堕儴杈规瀹藉害銆 1
border-width 璁剧疆鎴栨绱㈠璞$殑杈规瀹藉害銆 1
outline 澶嶅悎灞炴с傝缃垨妫绱㈠璞″鐨勭嚎鏉¤疆寤撱 2
outline-color 璁剧疆鎴栨绱㈠璞″鐨勭嚎鏉¤疆寤撶殑棰滆壊銆 2
outline-style 璁剧疆鎴栨绱㈠璞″鐨勭嚎鏉¤疆寤撶殑鏍峰紡銆 2
outline-width 璁剧疆鎴栨绱㈠璞″鐨勭嚎鏉¤疆寤撶殑瀹藉害銆 2
border-bottom-left-radius 璁剧疆鎴栨绱㈠璞$殑宸︿笅瑙掑渾瑙掕竟妗嗐傛彁渚2涓弬鏁帮紝2涓弬鏁颁互绌烘牸鍒嗛殧锛屾瘡涓弬鏁板厑璁歌缃1涓弬鏁板硷紝绗1涓弬鏁拌〃绀烘按骞冲崐寰勶紝绗2涓弬鏁拌〃绀哄瀭鐩村崐寰勶紝濡傜2涓弬鏁扮渷鐣ワ紝鍒欓粯璁ょ瓑浜庣1涓弬鏁 3
border-bottom-right-radius 璁剧疆鎴栨绱㈠璞$殑鍙充笅瑙掑渾瑙掕竟妗嗐 3
border-image 璁剧疆鎴栨绱㈠璞$殑杈规鏍峰紡浣跨敤鍥惧儚鏉ュ~鍏呫 3
border-image-outset 瑙勫畾杈规鍥惧儚瓒呰繃杈规鐨勯噺銆 3
border-image-repeat 瑙勫畾鍥惧儚杈规鏄惁搴旇琚噸澶嶏紙repeated锛夈佹媺浼革紙stretched锛夋垨閾烘弧锛坮ounded锛夈 3
border-image-slice 瑙勫畾鍥惧儚杈规鐨勫悜鍐呭亸绉汇 3
border-image-source 瑙勫畾瑕佷娇鐢ㄧ殑鍥惧儚锛屼唬鏇 border-style 灞炴т腑璁剧疆鐨勮竟妗嗘牱寮忋 3
border-image-width 瑙勫畾鍥惧儚杈规鐨勫搴︺ 3
border-radius 璁剧疆鎴栨绱㈠璞′娇鐢ㄥ渾瑙掕竟妗嗐 3
border-top-left-radius 瀹氫箟宸︿笂瑙掕竟妗嗙殑褰㈢姸銆 3
border-top-right-radius 瀹氫箟鍙充笂瑙掕竟妗嗙殑褰㈢姸銆 3
box-decoration-break 瑙勫畾琛屽唴鍏冪礌琚姌琛 3
box-shadow 鍚戞柟妗嗘坊鍔犱竴涓垨澶氫釜闃村奖銆 3

鐩掑瓙(Box) 灞炴

灞炴 鎻忚堪 CSS
overflow-x 濡傛灉鍐呭婧㈠嚭浜嗗厓绱犲唴瀹瑰尯鍩燂紝鏄惁瀵瑰唴瀹圭殑宸/鍙宠竟缂樿繘琛岃鍓 3
overflow-y 濡傛灉鍐呭婧㈠嚭浜嗗厓绱犲唴瀹瑰尯鍩燂紝鏄惁瀵瑰唴瀹圭殑涓/涓嬭竟缂樿繘琛岃鍓 3
overflow-style 瑙勫畾婧㈠嚭鍏冪礌鐨勯閫夋粴鍔ㄦ柟娉曘 3
rotation 鍥寸粫鐢 rotation-point 灞炴у畾涔夌殑鐐瑰鍏冪礌杩涜鏃嬭浆銆 3
rotation-point 瀹氫箟璺濈涓婂乏杈规杈圭紭鐨勫亸绉荤偣銆 3

棰滆壊(Color) 灞炴

灞炴 鎻忚堪 CSS
color-profile 鍏佽浣跨敤婧愮殑棰滆壊閰嶇疆鏂囦欢鐨勯粯璁や互澶栫殑瑙勮寖 3
opacity 璁剧疆涓涓厓绱犵殑閫忔槑搴︾骇鍒 3
rendering-intent 鍏佽瓒呰繃榛樿棰滆壊閰嶇疆鏂囦欢娓叉煋鎰忓悜鐨勫叾浠栬鑼 3

鍐呰竟璺(Padding) 灞炴

灞炴 璇存槑 CSS
padding 鍦ㄤ竴涓0鏄庝腑璁剧疆鎵鏈夊~鍏呭睘鎬 1
padding-bottom 璁剧疆鍏冪礌鐨勫簳濉厖 1
padding-left 璁剧疆鍏冪礌鐨勫乏濉厖 1
padding-right 璁剧疆鍏冪礌鐨勫彸濉厖 1
padding-top 璁剧疆鍏冪礌鐨勯《閮ㄥ~鍏 1

濯掍綋椤甸潰鍐呭灞炴

灞炴 璇存槑 CSS
bookmark-label 鎸囧畾涔︾鐨勬爣绛 3
bookmark-level 鎸囧畾浜嗕功绛剧骇鍒 3
bookmark-target 鎸囧畾浜嗕功绛鹃摼鎺ョ殑鐩爣 3
float-offset 鍦ㄧ浉鍙嶇殑鏂瑰悜鎺ㄥ姩娴姩鍏冪礌锛屼粬浠竴鐩村叿鏈夋诞鍔 3
hyphenate-after 鎸囧畾涓涓柇瀛楃殑鍗曡瘝鏂瓧瀛楃鍚庣殑鏈灏戝瓧绗︽暟 3
hyphenate-before 鎸囧畾涓涓柇瀛楃殑鍗曡瘝鏂瓧瀛楃鍓嶇殑鏈灏戝瓧绗︽暟 3
hyphenate-character 鎸囧畾浜嗗綋涓涓柇瀛楀彂鐢熸椂锛岃鏄剧ず鐨勫瓧绗︿覆 3
hyphenate-lines 琛ㄧず杩炵画鏂瓧鐨勮鍦ㄥ厓绱犵殑鏈澶ф暟鐩 3
hyphenate-resource 澶栭儴璧勬簮鎸囧畾涓涓楀彿鍒嗛殧鐨勫垪琛紝鍙互甯姪纭畾娴忚鍣ㄧ殑鏂瓧鐐 3
hyphens 璁剧疆濡備綍鍒嗗壊鍗曡瘝浠ユ敼鍠勮娈电殑甯冨眬 3
image-resolution 鎸囧畾浜嗘纭殑鍥惧儚鍒嗚鲸鐜 3
marks 灏哻rop and/or cross鏍囧織娣诲姞鍒版枃妗 3
string-set   3

灏哄(Dimension) 灞炴

灞炴 鎻忚堪 CSS
height 璁剧疆鍏冪礌鐨勯珮搴 1
max-height 璁剧疆鍏冪礌鐨勬渶澶ч珮搴 2
max-width 璁剧疆鍏冪礌鐨勬渶澶у搴 2
min-height 璁剧疆鍏冪礌鐨勬渶灏忛珮搴 2
min-width 璁剧疆鍏冪礌鐨勬渶灏忓搴 2
width 璁剧疆鍏冪礌鐨勫搴 1

寮规х洅瀛愭ā鍨嬶紙Flexible Box锛 灞炴(鏂)

灞炴 璇存槑 CSS
flex 澶嶅悎灞炴с傝缃垨妫绱㈠脊鎬х洅妯″瀷瀵硅薄鐨勫瓙鍏冪礌濡備綍鍒嗛厤绌洪棿銆 3
flex-grow 璁剧疆鎴栨绱㈠脊鎬х洅鐨勬墿灞曟瘮鐜囥 3
flex-shrink 璁剧疆鎴栨绱㈠脊鎬х洅鐨勬敹缂╂瘮鐜囥 3
flex-basis 璁剧疆鎴栨绱㈠脊鎬х洅浼哥缉鍩哄噯鍊笺 3
flex-flow 澶嶅悎灞炴с傝缃垨妫绱㈠脊鎬х洅妯″瀷瀵硅薄鐨勫瓙鍏冪礌鎺掑垪鏂瑰紡銆 3
flex-direction 璇ュ睘鎬ч氳繃瀹氫箟flex瀹瑰櫒鐨勪富杞存柟鍚戞潵鍐冲畾felx瀛愰」鍦╢lex瀹瑰櫒涓殑浣嶇疆銆 3
flex-wrap 璇ュ睘鎬ф帶鍒秄lex瀹瑰櫒鏄崟琛屾垨鑰呭琛岋紝鍚屾椂妯酱鐨勬柟鍚戝喅瀹氫簡鏂拌鍫嗗彔鐨勬柟鍚戙 3
align-content 鍦ㄥ脊鎬у鍣ㄥ唴鐨勫悇椤规病鏈夊崰鐢ㄤ氦鍙夎酱涓婃墍鏈夊彲鐢ㄧ殑绌洪棿鏃跺榻愬鍣ㄥ唴鐨勫悇椤癸紙鍨傜洿锛夈 3
align-items 瀹氫箟flex瀛愰」鍦╢lex瀹瑰櫒鐨勫綋鍓嶈鐨勪晶杞达紙绾佃酱锛夋柟鍚戜笂鐨勫榻愭柟寮忋 3
align-self 瀹氫箟flex瀛愰」鍗曠嫭鍦ㄤ晶杞达紙绾佃酱锛夋柟鍚戜笂鐨勫榻愭柟寮忋 3
justify-content 璁剧疆鎴栨绱㈠脊鎬х洅瀛愬厓绱犲湪涓昏酱锛堟í杞达級鏂瑰悜涓婄殑瀵归綈鏂瑰紡銆 3
order 璁剧疆鎴栨绱㈠脊鎬х洅妯″瀷瀵硅薄鐨勫瓙鍏冪礌鍑虹幇鐨勯爢搴忋 3

寮规х洅瀛愭ā鍨嬶紙Flexible Box锛 灞炴(鏃)

灞炴 璇存槑 CSS
box-align 鎸囧畾濡備綍瀵归綈涓涓鐨勫瓙鍏冪礌 3
box-direction 鎸囧畾鍦ㄥ摢涓柟鍚戯紝鏄剧ず涓涓鐨勫瓙鍏冪礌 3
box-flex 鎸囧畾涓涓鐨勫瓙鍏冪礌鏄惁鏄伒娲荤殑鎴栧浐瀹氱殑澶у皬 3
box-flex-group 鎸囨淳鐏垫椿鐨勫厓绱犲埌Flex缁 3
box-lines 姣忓綋瀹冨湪鐖舵鐨勭┖闂磋繍琛屾椂锛屾槸鍚︽寚瀹氬皢鍐嶄笂涓涓柊鐨勮鍒 3
box-ordinal-group 鎸囧畾涓涓鐨勫瓙鍏冪礌鐨勬樉绀洪『搴 3
box-orient 鎸囧畾涓涓鐨勫瓙鍏冪礌鏄惁鍦ㄦ按骞虫垨鍨傜洿鏂瑰悜搴旈摵璁 3
box-pack 鎸囧畾妯悜鐩掑湪鍨傜洿妗嗙殑姘村钩浣嶇疆鍜屽瀭鐩翠綅缃 3

瀛椾綋锛團ont锛 灞炴

灞炴 璇存槑 CSS
font 鍦ㄤ竴涓0鏄庝腑璁剧疆鎵鏈夊瓧浣撳睘鎬 1
font-family 瑙勫畾鏂囨湰鐨勫瓧浣撶郴鍒 1
font-size 瑙勫畾鏂囨湰鐨勫瓧浣撳昂瀵 1
font-style 瑙勫畾鏂囨湰鐨勫瓧浣撴牱寮 1
font-variant 瑙勫畾鏂囨湰鐨勫瓧浣撴牱寮 1
font-weight 瑙勫畾瀛椾綋鐨勭矖缁 1
@font-face 涓涓鍒欙紝鍏佽缃戠珯涓嬭浇骞朵娇鐢ㄥ叾浠栬秴杩"Web- safe"瀛椾綋鐨勫瓧浣 3
font-size-adjust 涓哄厓绱犺瀹 aspect 鍊 3
font-stretch 鏀剁缉鎴栨媺浼稿綋鍓嶇殑瀛椾綋绯诲垪 3

鍐呭鐢熸垚灞炴(Generated Content Properties)

灞炴 璇存槑 CSS
content 涓 :before 浠ュ強 :after 浼厓绱犻厤鍚堜娇鐢紝鏉ユ彃鍏ョ敓鎴愬唴瀹 2
counter-increment 閫掑鎴栭掑噺涓涓垨澶氫釜璁℃暟鍣 2
counter-reset 鍒涘缓鎴栭噸缃竴涓垨澶氫釜璁℃暟鍣 2
quotes 璁剧疆宓屽寮曠敤鐨勫紩鍙风被鍨 2
crop 鍏佽replaced鍏冪礌鍙槸浣滀负涓涓璞′唬鏇挎暣涓璞$殑鐭╁舰鍖哄煙 3
move-to 浠庢祦涓垹闄ゅ厓绱狅紝鐒跺悗鍦ㄦ枃妗d腑鍚庨潰鐨勭偣涓婇噸鏂版彃鍏ャ 3
page-policy 鍒ゅ畾鍩轰簬椤甸潰鐨勭粰瀹氬厓绱犵殑閫傜敤浜庤鏁板櫒鐨勫瓧绗︿覆鍊 3

缃戞牸锛圙rid锛 灞炴

灞炴 璇存槑 CSS
grid-columns 鎸囧畾鍦ㄧ綉鏍间腑姣忓垪鐨勫搴 3
grid-rows 鎸囧畾鍦ㄧ綉鏍间腑姣忓垪鐨勯珮搴 3

瓒呴摼鎺(Hyperlink) 灞炴

灞炴 璇存槑 CSS
target 绠鍐欏睘鎬ц缃畉arget-name, target-new,鍜宼arget-position灞炴 3
target-name 鎸囧畾鍦ㄤ綍澶勬墦寮閾炬帴锛堢洰鏍囦綅缃級 3
target-new 鎸囧畾鏄惁鏈夋柊鐨勭洰鏍囬摼鎺ユ墦寮涓涓柊绐楀彛鎴栧湪鐜版湁绐楀彛鎵撳紑鏂版爣绛 3
target-position 鎸囧畾搴旇鏀剧疆鏂扮殑鐩爣閾炬帴鐨勪綅缃 3

绾挎(Linebox) 灞炴

灞炴 璇存槑 CSS
alignment-adjust 鍏佽鏇寸簿纭殑鍏冪礌鐨勫榻愭柟寮 3
alignment-baseline 鍏剁埗绾ф寚瀹氱殑鍐呰仈绾у埆鐨勫厓绱犲浣曞榻 3
baseline-shift 鍏佽閲嶆柊瀹氫綅鐩稿浜巇ominant-baseline鐨刣ominant-baseline 3
dominant-baseline 鎸囧畾scaled-baseline-table 3
drop-initial-after-adjust 璁剧疆涓嬫媺鐨勪富瑕佽繛鎺ョ偣鐨勫垵濮嬪榻愮偣 3
drop-initial-after-align 鏍″噯琛屽唴鐨勫垵濮嬭鐨勮缃氨鏄叿鏈夐瀛楁瘝鐨勬浣跨敤鍒濈骇杩炴帴鐐 3
drop-initial-before-adjust 璁剧疆涓嬫媺鐨勮緟鍔╄繛鎺ョ偣鐨勫垵濮嬪榻愮偣 3
drop-initial-before-align 鏍″噯琛屽唴鐨勫垵濮嬭鐨勮缃氨鏄叿鏈夐瀛楁瘝鐨勬浣跨敤杈呭姪杩炴帴鐐 3
drop-initial-size 鎺у埗灞閮ㄧ殑棣栧瓧姣嶄笅娌 3
drop-initial-value 婵娲讳竴涓笅鎷夊紡鐨勫垵姝ユ晥鏋
inline-box-align 璁剧疆涓涓琛岀殑鍐呰仈鍧楀唴鐨勮鍏锋湁鍓嶄竴涓拰鍚庝竴涓唴鑱斿厓绱犵殑瀵归綈 3
line-stacking 涓涓熻灞炴ц缃甽ine-stacking-strategy, line-stacking-ruby,鍜宭ine-stacking-shift灞炴 3
line-stacking-ruby 璁剧疆鍖呭惈Ruby娉ㄩ噴鍏冪礌鐨勮瀵逛簬鍧楀厓绱犵殑鍫嗗彔鏂规硶 3
line-stacking-shift 璁剧疆base-shift琛屼腑鍧楀厓绱犲寘鍚厓绱犵殑鍫嗗彔鏂规硶 3
line-stacking-strategy 璁剧疆鍐呴儴鍖呭惈鍧楀厓绱犵殑鍫嗗彔绾挎鐨勫爢鍙犳柟娉 3
text-height 琛屽唴妗嗙殑鏂囨湰鍐呭鍖哄煙璁剧疆block-progression缁存暟 3

鍒楄〃(List) 灞炴

灞炴 璇存槑 CSS
list-style 鍦ㄤ竴涓0鏄庝腑璁剧疆鎵鏈夌殑鍒楄〃灞炴 1
list-style-image 灏嗗浘璞¤缃负鍒楄〃椤规爣璁 1
list-style-position 璁剧疆鍒楄〃椤规爣璁扮殑鏀剧疆浣嶇疆 1
list-style-type 璁剧疆鍒楄〃椤规爣璁扮殑绫诲瀷 1

澶栬竟璺(Margin) 灞炴

灞炴 璇存槑 CSS
margin 鍦ㄤ竴涓0鏄庝腑璁剧疆鎵鏈夊杈硅窛灞炴 1
margin-bottom 璁剧疆鍏冪礌鐨勪笅澶栬竟璺 1
margin-left 璁剧疆鍏冪礌鐨勫乏澶栬竟璺 1
margin-right 璁剧疆鍏冪礌鐨勫彸澶栬竟璺 1
margin-top 璁剧疆鍏冪礌鐨勪笂澶栬竟璺 1

瀛楀箷(Marquee) 灞炴

灞炴 璇存槑 CSS
marquee-direction 璁剧疆鍐呭绉诲姩鐨勬柟鍚 3
marquee-play-count 璁剧疆鍐呭绉诲姩澶氬皯娆 3
marquee-speed 璁剧疆鍐呭婊氬姩鐨勯熷害鏈夊蹇 3
marquee-style 璁剧疆鍐呭绉诲姩鐨勬牱寮 3

澶氬垪(Multi-column) 灞炴

灞炴 璇存槑 CSS
column-count 鎸囧畾鍏冪礌搴旇鍒嗕负鐨勫垪鏁 3
column-fill 鎸囧畾濡備綍濉厖鍒 3
column-gap 鎸囧畾鍒椾箣闂寸殑宸窛 3
column-rule 瀵逛簬璁剧疆鎵鏈塩olumn-rule-*灞炴х殑绠鍐欏睘鎬 3
column-rule-color 鎸囧畾鍒椾箣闂寸殑棰滆壊瑙勫垯 3
column-rule-style 鎸囧畾鍒椾箣闂寸殑鏍峰紡瑙勫垯 3
column-rule-width 鎸囧畾鍒椾箣闂寸殑瀹藉害瑙勫垯 3
column-span 鎸囧畾鍏冪礌搴旇璺ㄨ秺澶氬皯鍒 3
column-width 鎸囧畾鍒楃殑瀹藉害 3
columns 缂╁啓灞炴ц缃垪瀹藉拰鍒楁暟 3

椤甸潰濯掍綋(Paged Media) 灞炴

灞炴 璇存槑 CSS
fit 濡傛灉鍏跺搴﹀拰楂樺害灞炴ч兘涓嶆槸auto缁欏嚭涓涓彁绀猴紝濡備綍澶ц妯℃浛鎹㈠厓绱 3
fit-position 鍒ゅ畾鏂规鍐呭璞$殑瀵归綈鏂瑰紡 3
image-orientation 鎸囧畾鐢ㄦ埛浠g悊閫傜敤浜庡浘鍍忎腑鐨勫悜鍙虫垨椤烘椂閽堟柟鍚戠殑鏃嬭浆 3
page 鎸囧畾涓涓厓绱犲簲鏄剧ず鐨勯〉闈㈢殑鐗瑰畾绫诲瀷 3
size 鎸囧畾鍚湁BOX鐨勯〉闈㈠唴瀹圭殑澶у皬鍜屾柟浣 3

瀹氫綅锛圥ositioning锛 灞炴

灞炴 璇存槑 CSS
bottom 璁剧疆瀹氫綅鍏冪礌涓嬪杈硅窛杈圭晫涓庡叾鍖呭惈鍧椾笅杈圭晫涔嬮棿鐨勫亸绉 2
clear 瑙勫畾鍏冪礌鐨勫摢涓渚т笉鍏佽鍏朵粬娴姩鍏冪礌 1
clip 鍓缁濆瀹氫綅鍏冪礌 2
cursor 瑙勫畾瑕佹樉绀虹殑鍏夋爣鐨勭被鍨嬶紙褰㈢姸锛 2
display 瑙勫畾鍏冪礌搴旇鐢熸垚鐨勬鐨勭被鍨 1
float 瑙勫畾妗嗘槸鍚﹀簲璇ユ诞鍔 1
left 璁剧疆瀹氫綅鍏冪礌宸﹀杈硅窛杈圭晫涓庡叾鍖呭惈鍧楀乏杈圭晫涔嬮棿鐨勫亸绉 2
overflow
瑙勫畾褰撳唴瀹规孩鍑哄厓绱犳鏃跺彂鐢熺殑浜嬫儏 2
position 瑙勫畾鍏冪礌鐨勫畾浣嶇被鍨 2
right 璁剧疆瀹氫綅鍏冪礌鍙冲杈硅窛杈圭晫涓庡叾鍖呭惈鍧楀彸杈圭晫涔嬮棿鐨勫亸绉 2
top 璁剧疆瀹氫綅鍏冪礌鐨勪笂澶栬竟璺濊竟鐣屼笌鍏跺寘鍚潡涓婅竟鐣屼箣闂寸殑鍋忕Щ 2
visibility 瑙勫畾鍏冪礌鏄惁鍙 2
z-index 璁剧疆鍏冪礌鐨勫爢鍙犻『搴 2

鍒嗛〉锛圥rint锛 灞炴

灞炴 璇存槑 CSS
orphans 璁剧疆褰撳厓绱犲唴閮ㄥ彂鐢熷垎椤垫椂蹇呴』鍦ㄩ〉闈㈠簳閮ㄤ繚鐣欑殑鏈灏戣鏁 2
page-break-after 璁剧疆鍏冪礌鍚庣殑鍒嗛〉琛屼负 2
page-break-before 璁剧疆鍏冪礌鍓嶇殑鍒嗛〉琛屼负 2
page-break-inside 璁剧疆鍏冪礌鍐呴儴鐨勫垎椤佃涓 2
widows 璁剧疆褰撳厓绱犲唴閮ㄥ彂鐢熷垎椤垫椂蹇呴』鍦ㄩ〉闈㈤《閮ㄤ繚鐣欑殑鏈灏戣鏁 2

Ruby 灞炴

灞炴 璇存槑 CSS
ruby-align 鎺у埗Ruby鏂囨湰鍜孯uby鍩虹鍐呭鐩稿褰兼鐨勬枃鏈榻愭柟寮 3
ruby-overhang 褰揜uby鏂囨湰瓒呰繃Ruby鐨勫熀纭瀹斤紝纭畾ruby鏂囨湰鏄惁鍏佽灞閮ㄦ偓缃换鎰忕浉閭荤殑鏂囨湰锛岄櫎浜嗚嚜宸辩殑鍩虹 3
ruby-position 瀹冪殑base鎺у埗Ruby鏂囨湰鐨勪綅缃 3
ruby-span 鎺у埗annotation 鍏冪礌鐨勮法瓒婅涓 3

璇煶锛圫peech锛 灞炴

灞炴 璇存槑 CSS
mark 缂╁啓灞炴ц缃甿ark-before鍜宮ark-after灞炴 3
mark-after 鍏佽鍛藉悕鐨勬爣璁拌繛鎺ュ埌闊抽娴 3
mark-before 鍏佽鍛藉悕鐨勬爣璁拌繛鎺ュ埌闊抽娴 3
phonemes 鎸囧畾鍖呭惈鏂囨湰鐨勭浉搴斿厓绱犱腑鐨勪竴涓煶鏍囧彂闊 3
rest 涓涓缉鍐欏睘鎬ц缃畆est-before鍜宺est-after灞炴 3
rest-after 涓涓厓绱犵殑鍐呭璁插畬涔嬪悗锛屾寚瀹氳浼戞伅涓涓嬫垨閬靛畧闊靛緥杈圭晫 3
rest-before 涓涓厓绱犵殑鍐呭璁插畬涔嬪墠锛屾寚瀹氳浼戞伅涓涓嬫垨閬靛畧闊靛緥杈圭晫 3
voice-balance 鎸囧畾浜嗗乏锛屽彸澹伴亾涔嬮棿鐨勫钩琛 3
voice-duration 鎸囧畾搴旈噰鍙栧憟鐜版墍閫夊厓绱犵殑鍐呭鐨勯暱搴 3
voice-pitch 鎸囧畾骞冲潎璇磋瘽鐨勫0闊崇殑闊宠皟锛堥鐜囷級 3
voice-pitch-range 鎸囧畾骞冲潎闂磋窛鐨勫彉鍖 3
voice-rate 鎺у埗璇 3
voice-stress 鎸囩ず鐫閲嶅姏搴 3
voice-volume 璇煶鍚堟垚鏄寚娉㈠舰杈撳嚭骞呭害 3

琛ㄦ牸锛圱able锛 灞炴

灞炴 璇存槑 CSS
border-collapse 瑙勫畾鏄惁鍚堝苟琛ㄦ牸杈规 2
border-spacing 瑙勫畾鐩搁偦鍗曞厓鏍艰竟妗嗕箣闂寸殑璺濈 2
caption-side 瑙勫畾琛ㄦ牸鏍囬鐨勪綅缃 2
empty-cells 瑙勫畾鏄惁鏄剧ず琛ㄦ牸涓殑绌哄崟鍏冩牸涓婄殑杈规鍜岃儗鏅 2
table-layout 璁剧疆鐢ㄤ簬琛ㄦ牸鐨勫竷灞绠楁硶 2

鏂囨湰锛圱ext锛 灞炴

灞炴 璇存槑 CSS
color 璁剧疆鏂囨湰鐨勯鑹 1
direction 瑙勫畾鏂囨湰鐨勬柟鍚 / 涔﹀啓鏂瑰悜 2
letter-spacing 璁剧疆瀛楃闂磋窛 1
line-height 璁剧疆琛岄珮 1
text-align 瑙勫畾鏂囨湰鐨勬按骞冲榻愭柟寮 1
text-decoration 瑙勫畾娣诲姞鍒版枃鏈殑瑁呴グ鏁堟灉 1
text-indent 瑙勫畾鏂囨湰鍧楅琛岀殑缂╄繘 1
text-transform 鎺у埗鏂囨湰鐨勫ぇ灏忓啓 1
unicode-bidi   2
vertical-align 璁剧疆鍏冪礌鐨勫瀭鐩村榻愭柟寮 1
white-space 璁剧疆鎬庢牱缁欎竴鍏冪礌鎺т欢鐣欑櫧 1
word-spacing 璁剧疆鍗曡瘝闂磋窛 1
text-emphasis 鍚戝厓绱犵殑鏂囨湰搴旂敤閲嶇偣鏍囪浠ュ強閲嶇偣鏍囪鐨勫墠鏅壊銆 1
hanging-punctuation 鎸囧畾涓涓爣鐐圭鍙锋槸鍚﹀彲鑳借秴鍑鸿妗 3
punctuation-trim 鎸囧畾涓涓爣鐐圭鍙锋槸鍚﹁鍘绘帀 3
text-align-last 褰 text-align 璁剧疆涓 justify 鏃讹紝鏈鍚庝竴琛岀殑瀵归綈鏂瑰紡銆 3
text-justify 褰 text-align 璁剧疆涓 justify 鏃舵寚瀹氬垎鏁e榻愮殑鏂瑰紡銆 3
text-outline 璁剧疆鏂囧瓧鐨勮疆寤撱 3
text-overflow 鎸囧畾褰撴枃鏈孩鍑哄寘鍚殑鍏冪礌锛屽簲璇ュ彂鐢熶粈涔 3
text-shadow 涓烘枃鏈坊鍔犻槾褰 3
text-wrap 鎸囧畾鏂囨湰鎹㈣瑙勫垯 3
word-break 鎸囧畾闈濩JK鏂囧瓧鐨勬柇琛岃鍒 3
word-wrap 璁剧疆娴忚鍣ㄦ槸鍚﹀杩囬暱鐨勫崟璇嶈繘琛屾崲琛屻 3

2D/3D 杞崲灞炴

灞炴 璇存槑 CSS
transform 閫傜敤浜2D鎴3D杞崲鐨勫厓绱 3
transform-origin 鍏佽鎮ㄦ洿鏀硅浆鍖栧厓绱犱綅缃 3
transform-style 3D绌洪棿涓殑鎸囧畾濡備綍宓屽鍏冪礌 3
perspective 鎸囧畾3D鍏冪礌鏄浣曟煡鐪嬮忚鍥 3
perspective-origin 鎸囧畾3D鍏冪礌搴曢儴浣嶇疆 3
backface-visibility 瀹氫箟涓涓厓绱犳槸鍚﹀簲璇ユ槸鍙鐨勶紝涓嶅鐫灞忓箷鏃 3

杩囨浮锛圱ransition锛 灞炴

灞炴 璇存槑 CSS
transition 姝ゅ睘鎬ф槸 transition-property銆乼ransition-duration銆乼ransition-timing-function銆乼ransition-delay 鐨勭畝鍐欏舰寮忋 3
transition-property 璁剧疆鐢ㄦ潵杩涜杩囨浮鐨 CSS 灞炴с 3
transition-duration 璁剧疆杩囨浮杩涜鐨勬椂闂撮暱搴︺ 3
transition-timing-function 璁剧疆杩囨浮杩涜鐨勬椂搴忓嚱鏁般 3
transition-delay 鎸囧畾杩囨浮寮濮嬬殑鏃堕棿銆 3

鐢ㄦ埛澶栬(User-interface) 灞炴

灞炴 璇存槑 CSS
appearance 瀹氫箟鍏冪礌鐨勫瑙傛牱寮 3
box-sizing 鍏佽鎮ㄤ负浜嗛傚簲鍖哄煙浠ユ煇绉嶆柟寮忓畾涔夋煇浜涘厓绱 3
icon 涓哄厓绱犳寚瀹氬浘鏍 3
nav-down 鎸囧畾鐢ㄦ埛鎸夊悜涓嬮敭鏃跺悜涓嬪鑸殑浣嶇疆 3
nav-index 鎸囧畾瀵艰埅锛坱ab锛夐『搴忋 3
nav-left 鎸囧畾鐢ㄦ埛鎸夊悜宸﹂敭鏃跺悜宸﹀鑸殑浣嶇疆 3
nav-right 鎸囧畾鐢ㄦ埛鎸夊悜鍙抽敭鏃跺悜宸﹀鑸殑浣嶇疆 3
nav-up 鎸囧畾鐢ㄦ埛鎸夊悜涓婇敭鏃跺悜涓婂鑸殑浣嶇疆a 3
outline-offset 璁剧疆杞粨妗嗘灦鍦 border 杈圭紭澶栫殑鍋忕Щ 3
resize 瀹氫箟鍏冪礌鏄惁鍙互鏀瑰彉澶у皬 3