CSS 参考
2015-08-12 22:12
756 查看
本页面按字母序列出了所有标准的 CSS 属性、伪类、伪元素、@规则、单位和选择器。您可以快速访问到各个词条的详细内容。在这里不仅列出了
CSS1 和 CSS2.1 的属性,还列出了 CSS3 中已标准化或已固定的属性和概念。
另外,您可以通过查看 Mozilla CSS 扩展页面了解那些
Gecko 私有
CSS 扩展页面了解那些 WebKit 私有的 CSS 属性,以及带前缀的
CSS 属性页面查看所有非标准的 CSS 属性.
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X Y Z
基本选择器
元素选择器
类选择器
ID选择器
通配选择器
属性选择器
组合选择器
相邻兄弟选择器
通用兄弟选择器
子选择器
后代选择器
伪元素
伪类
下面的文章教你如何使用一些 CSS3 中新出现的技术:
如何使用媒体查询
如何使用
CSS 计数器
如何使用
CSS 渐变
如何使用
CSS 变形
如何使用
CSS 动画
如何使用 CSS 过渡
如何使用
CSS 多背景
如何使用
CSS 弹性盒
如何使用
CSS 多列布局
CSS 语法
@规则
注释
权重
初始值
继承
指定值
计算值
使用值
实际值
盒式模型
替换元素
属性值定义语法
文章来源:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference
CSS1 和 CSS2.1 的属性,还列出了 CSS3 中已标准化或已固定的属性和概念。
另外,您可以通过查看 Mozilla CSS 扩展页面了解那些
Gecko 私有
的 CSS 属性、WebKit
CSS 扩展页面了解那些 WebKit 私有的 CSS 属性,以及带前缀的
CSS 属性页面查看所有非标准的 CSS 属性.
A
:active
additive-symbols
::after (:after)
align-content
align-items
align-self
all
<angle>
animation
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
@annotation
annotation()
attr()
B
::backdrop
backface-visibility
background
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
<basic-shape>
::before (:before)
<blend-mode>
block-size
blur()
border
border-block-end
border-block-end-color
border-block-end-style
border-block-end-width
border-block-start
border-block-start-color
border-block-start-style
border-block-start-width
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
border-image-slice
border-image-source
border-image-width
border-inline-end
border-inline-end-color
border-inline-end-style
border-inline-end-width
border-inline-start
border-inline-start-color
border-inline-start-style
border-inline-start-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-decoration-break
box-shadow
box-sizing
break-after
break-before
break-inside
brightness()
C
calc()
caption-side
ch
@character-variant
character-variant()
@charset
:checked
circle()
clear
clip
clip-path
cm
color
<color>
columns
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
content
contrast()
<counter>
counter-increment
counter-reset
@counter-style
cubic-bezier()
cursor
<custom-ident>
D
:default
deg
:dir()
direction
:disabled
display
@document
dpcm
dpi
dppx
drop-shadow()
E
element()
ellipse()
em
:empty
empty-cells
:enabled
ex
F
fallback
filter
:first
:first-child
::first-letter (:first-letter)
::first-line (:first-line)
:first-of-type
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
float
:focus
font
@font-face
font-family
font-family
font-feature-settings
@font-feature-values
font-kerning
font-language-override
font-size
font-size-adjust
font-stretch
font-stretch
font-style
font-style
font-synthesis
font-variant
font-variant
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
font-weight
font-weight
<frequency>
:fullscreen
G
grad
<gradient>
grayscale()
grid
grid-area
grid-auto-columns
grid-auto-flow
grid-auto-position
grid-auto-rows
grid-column
grid-column-start
grid-column-end
grid-row
grid-row-start
grid-row-end
grid-template
grid-template-areas
grid-template-rows
grid-template-columns
H
height
height
:hover
hsl()
hsla()
hue-rotate()
hyphens
hz
I
<image>
image()
image-rendering
image-resolution
image-orientation
ime-mode
@import
in
:indeterminate
inherit
initial
inline-size
:in-range
inset()
<integer>
:invalid
invert()
isolation
J
justify-content
K
@keyframes
khz
L
:lang()
:last-child
:last-of-type
left
:left
<length>
letter-spacing
linear-gradient()
line-break
line-height
:link
list-style
list-style-image
list-style-position
list-style-type
M
margin
margin-block-end
margin-block-start
margin-bottom
margin-inline-end
margin-inline-start
margin-left
margin-right
margin-top
marks
mask
mask-type
matrix()
matrix3d()
max-block-size
max-height
max-height
max-inline-size
max-width
max-width
max-zoom
@media
min-block-size
min-height
min-height
min-inline-size
minmax()
min-width
min-width
min-zoom
mix-blend-mode
mm
ms
N
@namespace
negative
:not()
:nth-child()
:nth-last-child()
:nth-last-of-type()
:nth-of-type()
<number>
O
object-fit
object-position
offset-block-end
offset-block-start
offset-inline-end
offset-inline-start
:only-child
:only-of-type
opacity
opacity()
:optional
order
orientation
@ornaments
ornaments()
orphans
outline
outline-color
outline-offset
outline-style
outline-width
:out-of-range
overflow
overflow-wrap
overflow-x
overflow-y
P
pad
padding
padding-block-end
padding-block-start
padding-bottom
padding-inline-end
padding-inline-start
padding-left
padding-right
padding-top
@page
page-break-after
page-break-before
page-break-inside
pc
<percentage>
perspective
perspective()
perspective-origin
pointer-events
polygon()
position
<position>
prefix
pt
px
Q
quotes
R
rad
radial-gradient()
range
<ratio>
:read-only
:read-write
rect()
rem
repeat()
::repeat-index
::repeat-item
repeating-linear-gradient()
repeating-radial-gradient()
:required
resize
<resolution>
rgb()
rgba()
right
:right
:root
rotate()
rotatex()
rotatey()
rotatez()
rotate3d()
ruby-align
ruby-merge
ruby-position
S
s
saturate()
scale()
scalex()
scaley()
scalez()
scale3d()
:scope
scroll-behavior
scroll-snap-coordinate
scroll-snap-destination
scroll-snap-points-x
scroll-snap-points-y
scroll-snap-type
scroll-snap-type-x
scroll-snap-type-y
::selection
sepia()
<shape>
shape-image-threshold
shape-margin
shape-outside
skew()
skewx()
skewy()
speak-as
src
steps()
<string>
@styleset
styleset()
@stylistic
stylistic()
suffix
@supports
@swash
swash()
symbols
symbols()
system
T
table-layout
tab-size
:target
text-align
text-align-last
text-combine-upright
text-decoration
text-decoration-color
text-decoration-line
text-decoration-style
text-indent
text-orientation
text-overflow
text-rendering
text-shadow
text-transform
text-underline-position
<time>
<timing-function>
top
touch-action
transform
transform-box
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
translate()
translatex()
translatey()
translatez()
translate3d()
turn
U
unicode-bidi
unicode-range
:unresolved
unset
<uri>
url()
user-zoom
V
:valid
var()
vertical-align
vh
@viewport
visibility
:visited
vmax
vmin
vw
W
white-space
widows
width
width
will-change
word-break
word-spacing
word-wrap
writing-mode
X Y Z
z-index
zoom
选择器
基本选择器元素选择器
elementname
类选择器
.classname
ID选择器
#idname
通配选择器
* ns|* *|*
属性选择器
[attr=value]
组合选择器
相邻兄弟选择器
A + B
通用兄弟选择器
A ~ B
子选择器
A > B
后代选择器
A B
伪元素
伪类
CSS3 教程
下面的文章教你如何使用一些 CSS3 中新出现的技术:如何使用媒体查询
如何使用
CSS 计数器
如何使用
CSS 渐变
如何使用
CSS 变形
如何使用
CSS 动画
如何使用 CSS 过渡
如何使用
CSS 多背景
如何使用
CSS 弹性盒
如何使用
CSS 多列布局
概念
CSS 语法@规则
注释
权重
初始值
继承
指定值
计算值
使用值
实际值
盒式模型
替换元素
属性值定义语法
文章来源:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference
相关文章推荐
- CSS学习笔记---(七)
- IE 兼容模式下不支持DIV CSS样式display:inline-block,解决
- 详解CSS中视窗单位和百分比单位的使用
- css写三角形
- CSS里面逗号和分号的区别
- CSS中的下划线text-decoration属性使用进阶
- CSS3盒子阴影box-shadow
- css实现元素居中
- css元素position定位和z-index
- CSS的position
- css3中单位rem与.less结合布局
- Datagrid中设置样式
- Qt 样式表中定位所需要图标在整张图片中的位置(一张图告诉你)
- html+css清楚浮动3种方法,父级div获取高度
- Font Awesome图标字体库和CSS框架
- 几个好看的表格样式
- selenium CSS Selectors基础用法
- 如何通过CSS3实现背景图片色彩的梯度渐变
- html页面的CSS、DIV命名规则
- CSS浮动(float,clear)通俗讲解