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技巧和经验列表; 其它技巧和经验列表; 参考资源列表

CSS 总结

本教程已详细的讲解了如何创建样式表来同时控制多重页面的样式和布局，如果需要学习更多关于 CSS 的知识，请参阅我们的CSS 参考手册、CSS3 教程。

前端控更新时间：2019-04-02 17:07:04

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

CSS 总结

你已经学习了CSS,下一步学习什么呢?

CSS概述

本教程已详细的讲解了如何创建样式表来同时控制多重页面的样式和布局

现你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框，并定义元素的填充和边距。

同时，你也学会了如何定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个元素置于另一个之后，以及向某些选择器添加特殊的效果，比如链接。

如果需要学习更多关于 CSS 的知识，请参阅我们的CSS 参考手册、CSS3 教程.

你已经学习了CSS,下一步学习什么呢?

下一步应该学习 JavaScript !

JavaScript

　●　JavaScript 是最流行的语言之一

　●　JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话

　●　JavaScript可以使您的网站更具活力

许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法，几乎每个人都有能力将小的 JavaScript 片段添加到网页中

如果您希望学习更多关于 JavaScript 的知识，可以访问我们的JavaScript 教程

推荐手册

CSS 总结