您的位置:首页 > Web前端 > CSS

CSS 参考

2015-08-12 22:12 756 查看
本页面按字母序列出了所有标准的 CSS 属性、伪类伪元素@规则、单位和选择器。您可以快速访问到各个词条的详细内容。在这里不仅列出了
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: