CSS 属性语法样式表 - 覃师宁博客 - 覃师宁博客

欢迎来到覃师宁博客!

帝国cms使用手册

浏览器版本选择: 不限 IE11 IE10 IE9 IE8 IE7 IE6

无效样式：删除线表示

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

关系选择符Relationship Selectors: EF; 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-line; :before; :after

伪类选择符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

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

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

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

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

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

背景Background: background; background-nounor; background-image; background-repeat; background-attachment; background-position; background-origin; background-clip; background-size

颜色nounor: nounor; opacity

字体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

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

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

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

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

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

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

伸缩盒（新）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-nounumn: nounumns; nounumn-width; nounumn-count; nounumn-gap; nounumn-rule; nounumn-rule-width; nounumn-rule-style; nounumn-rule-nounor; nounumn-span; nounumn-fill; nounumn-break-before; nounumn-break-after; nounumn-break-inside

变换Transform: transform; transform-origin

过渡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

颜色值Values: nounorName; 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

语法与规则Rules: !important; @charset; @import; @media; @font-face; @page; @keyframes