CSS 教程手册（新）: CSS速查总表; CSS 教程学习导读; CSS简介; CSS语法; CSS 创建; +
CSS 定位(Position)

position

z-index

top

right

bottom

left

clip; +
CSS 布局(Layout)

display

float

clear

visibility

overflow; +
CSS 尺寸 (Dimension)

width

min-width

max-width

height

min-height

max-height

margin

padding; +
CSS 外边距(Margin)

margin-bottom

margin-left

margin-right

margin-top; +
CSS 填充（Padding）

padding-bottom

padding-left

padding-right

padding-top; +
CSS 背景(Backgrounds)

background

background-color

background-image

background-repeat

background-attachment

background-position

background-origin

background-clip

background-size; +
CSS 边框(Border)

border

border-width

border-style

border-color

box-shadow

border-radius

border-image

border-image-source

border-image-slice

border-image-width

border-image-outset

border-image-repeat; +
CSS 颜色(Color)

color

opacity; +
CSS 字体(Fonts)

font

font-style

font-variant

font-weight

font-size

font-family

font-stretch

font-size-adjust; +
CSS 文本(Text)

text-transform

white-space

tab-size

word-break

word-wrap

text-align

text-align-last

text-justify

word-spacing

letter-spacing

text-indent

vertical-align

line-height

text-size-adjust; +
CSS 文本装饰(Text Decoration)

text-decoration

text-decoration-line

text-decoration-color

text-decoration-style

text-decoration-skip

text-underline-position

text-shadow; +
CSS 书写模式(Writing Modes)

direction

unicode-bidi

writing-mode; +
CSS 列表样式(List)

list-style

list-style-image

list-style-position

list-style-type; +
CSS 表格(Table)

table-layout

border-collapse

border-spacing

caption-side

empty-cells; +
CSS 内容(Content)

content

counter-increment

counter-reset

quotes; +
CSS用户界面(User Interface)

appearance

text-overflow

outline

outline-width

outline-color

outline-style

outline-offset

nav-index

nav-up

nav-right

nav-down

nav-left

cursor

zoom

box-sizing

resize

ime-mode

user-select

pointer-events; +
CSS打印(Print)

page

page-break-before

page-break-after

page-break-inside; +
CSS媒体查询(Media Queries)

width

height

device-width

device-height

orientation

aspect-ratio

device-aspect-ratio

color

color-index

monochrome

<resolution>

scan

<grid>; CSS 链接(Link); +
CSS 轮廓（Outline）

outline

outline-color

outline-offset

outline-style

outline-width; CSS 分组和嵌套(Grouping and Nesting); CSS 浮动 (Float); CSS 盒子模型（Box Model）; CSS 显示(Display); CSS 导航栏(Navigation Bar); CSS 溢出(Overflow); CSS 下拉菜单(Drop down menu); CSS 对齐(Align); CSS 提示工具(Prompt Tool); CSS 图片廊(Image Gallery); +
CSS 图像透明/不透明(Opacity)

opacity; CSS 图像拼合技术(Image stitching technique); CSS 媒体类型(Media Type); +
Only IE

scrollbar-3dlight-color

scrollbar-darkshadow-color

scrollbar-highlight-color

scrollbar-shadow-color

scrollbar-arrow-color

scrollbar-face-color

scrollbar-track-color

scrollbar-base-color

filter

behavior; +
Only Webkit

text-stroke-width

text-stroke-color

box-reflect

tap-highlight-color

user-drag

text-fill-color

text-stroke; +
Only Firefox

border-colors

border-top-colors

border-right-colors

border-bottom-colors

border-left-colors; CSS 总结; CSS 手册导读; CSS 选择器; CSS 听觉参考手册; CSS Web安全字体组合; CSS 动画; CSS 函数; CSS 单位; CSS 颜色; +
CSS 颜色值

color

Color Name

HEX

RGB

RGBA

HSL

HSLA

transparent

currentColor; CSS 颜色名; CSS 颜色十六进制; CSS attr() 函数; CSS calc() 函数; CSS linear-gradient() 函数; CSS radial-gradient() 函数; CSS repeating-linear-gradient() 函数; +
元素选择符

* 选择器

element 选择器

#id 选择器

.class 选择器; +
关系选择符

包含选择器（E F）

子选择器（E>F）

相邻选择器(E+F)

兄弟选择器(E~F); +
属性选择符

[attribute] 选择器

[attribute=value] 选择器

[attribute~=value] 选择器

[attribute^=value] 选择器

[attribute$=value] 选择器

[attribute*=value] 选择器

[attribute|=value]选择器; +
伪类选择符

:link 选择器

:visited 选择器

:hover 选择器

:active 选择器

:focus 选择器

:lang 选择器

:not 选择器

:root 选择器

:first-child 选择器

:last-child 选择器

:only-child 选择器

:nth-child() 选择器

:nth-last-child() 选择器

:first-of-type 选择器

:last-of-type 选择器

:only-of-type 选择器

:nth-of-type()选择器

:nth-last-of-type() 选择器

:empty 选择器

:checked 选择器

:enabled 选择器

:disabled 选择器

:target 选择器

@page :first选择器

@page :left选择器

@page :right选择器; +
伪对象选择符

:first-letter 选择器

:first-line 选择器

:before 选择器

:after 选择器

::placeholder选择器

::selection 选择器; +
CSS 长度(Length)

<length>

em

ex

ch

rem

vw

vh

vmax

vmin

cm

mm

q

in

pt

pc

px; +
CSS 角度(Angle)

<angle>

deg

grad

rad

turn; +
CSS 时间(Time)

<time>

s

ms; +
CSS 频率(Frequency)

<frequency>

Hz

kHz; +
CSS 布局(Layout-specific)

<fraction>

grad

fr

gr; +
CSS 分辨率(Resolution)

<resolution>

dpi

dpcm

dppx; +
CSS 文本(Textual)

inherit

initial

unset

<string>

<url>

<identifier>; +
CSS 函数(Functional)

calc()

toggle(); +
CSS 生成内容(Content)

attr()

counter()

counters(); +
CSS 图像(Image)

<image>

image()

image-set()

<gradient>

linear-gradient()

radial-gradient()

repeating-linear-gradient()

repeating-radial-gradient(); +
CSS 数字(Numeric)

<number>

<integer>

<percentage>; !important; comment; @import; @page; @supports; border-top; scan; border-top-color; overflow-wrap; border-top-left-radius; text-size-adjust; border-top-right-radius; text-decoration-skip; text-underline-position; border-top-style; column-break-before; border-top-width; column-break-after; border-width; column-break-inside; bottom; text-fill-color; box-align; box-reflect; box-direction; tap-highlight-color; user-drag; box-flex; border-colors; box-flex-group; border-top-colors; box-lines; border-right-colors; box-ordinal-group; border-bottom-colors; border-left-colors; box-orient; scrollbar-3dlight-color; box-pack; scrollbar-darkshadow-color; box-shadow; scrollbar-highlight-color; box-sizing; scrollbar-shadow-color; caption-side; scrollbar-arrow-color; clear; scrollbar-arrow-color; clip; scrollbar-face-color; color; scrollbar-track-color; column-count; scrollbar-base-color; column-fill; behavior; column-gap; column-rule; column-rule-color; column-rule-style; column-rule-width; column-span; column-width; columns; content; counter-increment; counter-reset; cursor; direction; display; empty-cells; filter; flex; flex-basis; flex-direction; flex-flow; flex-grow; flex-shrink; flex-wrap; float; font; @font-face; font-family; font-size; font-size-adjust; font-stretch; font-style; font-variant; font-weight; grid-columns; grid-rows; hanging-punctuation; height; icon; justify-content; @keyframes; left; letter-spacing; line-height; list-style; list-style-image; list-style-position; list-style-type; margin; margin-bottom; margin-left; margin-right; margin-top; max-height; max-width; @media; min-height; min-width; nav-down; nav-index; nav-left; nav-right; nav-up; opacity; order; outline; outline-color; outline-offset; outline-style; outline-width; overflow; overflow-x; overflow-y; padding; padding-bottom; padding-left; padding-right; padding-top; page-break-after; page-break-before; page-break-inside; perspective; perspective-origin; position; punctuation-trim; quotes; resize; right; rotation; tab-size; table-layout; target; target-name; target-new; target-position; text-align; text-align-last; text-decoration; text-decoration-color; text-decoration-line; text-decoration-style; text-indent; text-justify; text-outline; text-overflow; text-shadow; text-transform; text-wrap; top; transform; transform-origin; transform-style; transition; transition-delay; transition-duration; transition-property; transition-timing-function; unicode-bidi; pointer-events; vertical-align; user-select; visibility; ime-mode; white-space; zoom; width; -webkit-appearance; word-break; @charset; word-spacing; text-stroke; word-wrap; text-stroke-width; z-index; text-stroke-color; writing-mode; <angle>; deg; grad; rad; turn; s; align-content; ms; <frequency>; align-items; Hz; align-self; kHz; all; <fraction>; animation; <grid>; animation-delay; fr; animation-direction; gr; animation-duration; <resolution>; animation-fill-mode; dpi; animation-iteration-count; dpcm; dppx; animation-name; unset; animation-play-state; <string>; <url>; animation-timing-function; <identifier>; appearance; calc(); backface-visibility; toggle(); background; counter(); background-attachment; counters(); attr(); <image>; background-blend-mode; image(); background-clip; image-set(); background-color; <gradient>; background-image; repeating-radial-gradient(); background-origin; <integer>; background-position; <percentage>; background-repeat; background-size; border; border-bottom; border-bottom-color; border-bottom-left-radius; border-bottom-right-radius; border-bottom-style; border-bottom-width; border-collapse; border-color; border-image; border-image-outset; border-image-repeat; page; border-image-slice; page-break-before; border-image-source; page-break-after; page-break-inside; border-image-width; border-left; border-left-color; border-left-style; border-left-width; border-radius; border-right; device-width; border-right-color; device-height; border-right-style; orientation; border-right-width; aspect-ratio; border-spacing; device-aspect-ratio; border-style; color-index; monochrome; initial; inherit; RGBA; Color Name; HEX; RGB; HSL; HSLA; transparent; currentColor; <length>; em; ex; ch; rem; vw; vh; vmax; vmin; cm; mm; q; in; pt; pc; px; <number>; 颜色关键字(Color Keywords); 媒体类型(Media Types); 条件Hack; 属性级Hack; 选择符级Hack; Bugs及解决方案列表; CSS技巧和经验列表; 其它技巧和经验列表; 参考资源列表

参考资源列表

前端控更新时间：2019-02-01 14:06:14

具体内容
相关视频
相关知识
最新评论

参考资源列表

参考资源列表

css3files	Mozilla CSS	Safari CSS	css3免前缀方案
IE下css3解决方案	IE下transform属性兼容方案

渐变色资源

本手册示例	详细的渐变色讲解及示例	Mozilla 的实现原理	Safari 的实现原理
简单入门	CSS3背景样式图库	简单背景渐变实例

动画资源

本手册示例

Animatable 动画效果39例

在线css3代码生成器

css3代码生成器	在线渐变色生成器	css3代码可视化编辑	仿ps界面代码生成器
border-image生成器

推荐手册

参考资源列表

参考资源列表

渐变色资源