购物车
登陆 / 注册
微信扫码登陆

推荐手册

CSS3速查表

CSS3速查表
编辑:前端控 前端控 更新时间:2019-02-11 11:48:13

CSS3速查表

紫色 链接表示该属性在CSS3有修改或者增加了新的属性值;橙色 链接表示该属性是CSS3新增属性

定位 Positioning

positionclip

布局 Layout

边框 Border

border-radiusborder-top-left-radiusborder-top-right-radiusborder-bottom-right-radius 
border-bottom-left-radiusbox-shadowborder-imageborder-image-source
border-image-sliceborder-image-widthborder-image-outsetborder-image-repeat

背景 Background

background  background-image background-repeat background-attachment
background-positionbackground-originbackground-clip background-size

颜色 Color

opacity

字体 Font

文本 Text

文本装饰 Text Decoration

书写模式 Writing Modes

用户界面 User Interface

多列 Multi-column

伸缩盒 Flexible Box(旧)

伸缩盒 Flexible Box(新)

转换 Transform

过渡 Transition

transitiontransition-propertytransition-durationtransition-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

媒体查询 Media Queries

widthheightdevice-widthdevice-height
orientationaspect-ratiodevice-aspect-ratiocolor
color-indexmonochromeresolutionscan
grid


Only Firefox

border-colorsborder-top-colorsborder-right-colorsborder-bottom-colors
border-left-colors


Only Webkit

text-fill-colortext-stroketext-stroke-widthtext-stroke-color
box-reflecttap-highlight-coloruser-drag

关系选择符 Relationship Selectors

属性选择符 Attribute Selectors

E[att^="val"]E[att$="val"] E[att*="val"]

伪类选择符 Pseudo-Classes Selectors

E:not(s)E:rootE:last-childE:only-child
E:nth-child(n)E:nth-last-child(n)E:targetE:first-of-type
E:last-of-typeE:only-of-typeE:nth-of-type(n)E:nth-last-of-type(n)
E:emptyE:checkedE:enabledE:disabled

伪对象选择符 Pseudo-Element Selectors

E:first-letter/E::first-letterE:first-line/E::first-lineE:before/E::beforeE:after/E::after
E::placeholderE::selection

语法与规则 Rules and Syntax

@import@media@font-face@keyframes
@supports


长度值与单位 Length Data Types and Units

chremvwvh
vmaxvminq

角度值与单位 Angle Data Types and Units

<angle>deggradrad
turn


时间值与单位 Time Data Types and Units

频率值与单位 Frequency Data Types and Units

<frequency>Hz kHz
特殊布局值与单位 Layout-specific Data Types and Units
<fraction><grid>frgr

分辨率值与单位 Resolution Data Types and Units

<resolution>dpidpcmdppx

颜色值 Color Data Types

<color>RGBAHSLHSLA
transparentcurrentColor

文本值 Textual Data Types

initial          unset

函数值 Functional Notations Data Types

calc()    toggle()

生成内容值 Content Notations Data Types

counter()counters()attr()

图像值 Image Data Types

<image>image()image-set()<gradient>
linear-gradient()radial-gradient()repeating-linear-gradient()repeating-radial-gradient()
网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号