CSS屬性速查表

本文將按照布局類屬性、盒模型屬性、文字類屬性、修飾類屬性這四個分類，對css常用屬性進行重新排列，並最終設定為乙份stylelintrc檔案

布局類1、定位

position z-index topbottom left

right

2、浮動

float

clear

3、多列布局

columns columns-width columns-count column-rule column-fill column-span column-gap 專門建立的學習q-q-u-n： 731771211，分享學習方法和需要注意的小細節，不停更新最新的教程和學習技巧

（從零基礎開始到前端專案實戰教程，學習工具，全棧開發學習路線以及規劃）

4、柵格布局

// 顯示網格 display grid grid-template-rows grid-template-columns grid-column-gap grid-row-gap grid-gap // 網格線 grid-row-start grid-row-end grid-row grid-column-start grid-column-end grid-column grid-area // 隱式網格 grid-auto-rows grid-auto-columns grid-auto-flow grid-template-rows grid-template-columns grid-template-areas grid-template //對齊 justify-items justify-self align-items align-self

align-content

盒模型

1、彈性盒模型

// 彈性容器 display flex-direction flex-wrap flex-flow justify-content align-items align-content // 彈性專案 flex flex-basis flex-grow flex-shrink align-self

order

2、**模型

table-layout empty-cells caption-side border-collapse

border-spacing

3、列表模型

list-style

4、盒子尺寸

box-sizing display width height padding margin border border-radius

outline

5、盒子顯示

overflow clip resize

visibility

文字類

1、文字樣式

font line-height text-align vertical-allign text-indent text-transform text-overflow text-decoration text-shadow text-justify text-emphasis white-space letter-spacing word-spacing word-wrap

word-break

2、排版模式

writing-mode text-combine-upright unicode-bidi text-orientation

direction

修飾類

1、顏色

color background isolation clip-path mask filter box-shadow opacity

cursor

2、變形

transform transform-style transform-origin perspective perspective-origin

backface-visibility

3、動畫

專門建立的學習q-q-u-n： 731771211，分享學習方法和需要注意的小細節，不停更新最新的教程和學習技巧（從零基礎開始到前端專案實戰教程，學習工具，全棧開發學習路線以及規劃） transition animation will-change stylelint

}

CSS屬性速查表

CSS屬性速查表

CSS的常用屬性速查表轉）

flex布局屬性速查表

CSS屬性速查表

CSS屬性速查表

CSS的常用屬性速查表 轉）

flex布局屬性速查表

相關推薦

CSS的常用屬性速查表轉）