阿西河前端教程

首页朱安邦的博客安邦聊前端

⬆

手机阅读

CSS 属性速查表

包含 CSS3 的最新属性

可以通过按 Ctrl+F 搜索快速定位

版本: 不限 IE11 IE10 IE9 IE8 IE7 IE6

无效样式: 删除线隐藏移除

元素选择符Element Selectors: *; E; #id; .class

关系选择符Relationship Selectors: E F; E > F; E + F; E ~ F

属性选择符Attribute Selectors: [att]; [att="val"]; [att^="val"]; [att$="val"]; [att*="val"]; [att~="val"]; [att|="val"]

伪对象选择符Pseudo-Element Selectors: :first-letter; ::first-letter; :first-line; ::first-line; :before; ::before; :after; ::after; ::selection

伪类选择符Pseudo-Classes Selectors: :link; :visited; :hover; :active; :focus; :lang(); :not(); :root; :first-child; :last-child; :only-child; :nth-child(n); :nth-last-child(n); :first-of-type; :last-of-type; :only-of-type; :nth-of-type(n); :nth-last-of-type(n); :empty; :checked; :enabled; :disabled; :target; @page:first; @page:left; @page:right

初始化Reset: all

布局Layout: clear; display; float; overflow; overflow-x; overflow-y; visibility; rotation; rotation-point

定位Positioning: position; top; right; bottom; left; z-index; clip

弹性盒子（新）Flexible Box: flex; flex-grow; flex-shrink; flex-basis; flex-flow; flex-direction; flex-wrap; align-content; align-items; align-self; justify-content; order

弹性盒子（旧）Flexible Box: box-orient; box-pack; box-align; box-flex; box-flex-group; box-ordinal-group; box-direction; box-lines

多列Multi-column: columns; column-width; column-count; column-gap; column-rule; column-rule-width; column-rule-style; column-rule-color; column-span; column-fill; column-break-before; column-break-after; column-break-inside

尺寸Dimension: width; min-width; max-width; height; min-height; max-height

滤镜filter: filter

外边距Margin: margin; margin-top; margin-right; margin-bottom; margin-left

内边距Padding: padding; padding-top; padding-right; padding-bottom; padding-left

边框Border: border; border-width; border-style; border-color; border-top; border-top-width; border-top-style; border-top-color; border-right; border-right-width; border-right-style; border-right-color; border-bottom; border-bottom-width; border-bottom-style; border-bottom-color; border-left; border-left-width; border-left-style; border-left-color; border-radius; border-top-left-radius; border-top-right-radius; border-bottom-right-radius; border-bottom-left-radius; border-shadow; border-image; border-image-source; border-image-slice; border-image-width; border-image-outset; border-image-repeat

背景Background: background; background-color; background-image; background-repeat; background-attachment; background-position; background-origin; background-clip; background-size; background-blend-mode

颜色Color: color; opacity

广告区广告收入用于本站维护的支出

网格Grid Rows: grid-columns; grid-rows

字体Font: font; font-style; font-variant; font-weight; font-size; font-family; font-stretch

文本Text: line-height; letter-spacing; text-align; text-align-last; text-indent; text-justify; text-transform; tab-size; vertical-align; white-space; word-break; word-spacing; word-wrap; overflow-wrap; punctuation-trim; hanging-punctuation

文本装饰Text Decoration: text-decoration; text-decoration-line; text-decoration-style; text-decoration-color; text-shadow; text-wrap

书写模式Writing Modes: direction; unicode-bidi; writing-mode

列表List: list-style; list-style-image; list-style-position; list-style-type

表格Table: table-layout; border-collapse; border-spacing; caption-side; empty-cells

内容Content: content; counter-increment; counter-reset; quotes

超链接Target: target; target-name; target-new; target-position

用户界面User Interface: appearance; box-sizing; nav-index; nav-up; nav-right; nav-down; nav-left; outline; outline-width; outline-style; outline-color; outline-offset; text-overflow; icon; text-outline; ime-mode; cursor; zoom; resize; user-select

变换Transform: transform; transform-origin; transform-style; perspective; perspective-origin; backface-visibility

过渡Transition: transition; transition-property; transition-duration; transition-timing-function; transition-delay

动画Animation: animation; animation-name; animation-duration; animation-timing-function; animation-delay; animation-iteration-count; animation-direction; animation-play-state; animation-fill-mode

打印Printing: page; page-break-before; page-break-after; page-break-inside

语法与规则Rules: !important; /*comments*/; @charset; @import; @media; @font-face; @page; @keyframes; font-size-adjust

颜色值Values: Color Name; HEX; RGB; RGBA; HSL; HSLA; transparent

文本值Textual: <string>; <url>; <identifier>

函数值Functional: counter(); attr(); calc(); cycle()

图像值Image: linear-gradient(); radial-gradient(); repeating-linear-gradient(); repeating-radial-gradient()

数字值Numeric: <integer>; <number>

其它类型值Other: <length>; <percentage>; <angle>; <time>; <frequency>

长度单位Length: em; ex; ch; rem; vw; vh; vm; cm; mm; in; pt; pc; px

角度单位Angle: deg; grad; rad; turn

时间单位Time: s; ms

频率单位Frequency: Hz; kHz

特殊布局单位Layout-specific: fr; gr