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

推荐手册

CSS速查总表

CSS速查总表
编辑:前端控 前端控 更新时间:2019-02-11 11:38:31

CSS速查表

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

定位 Positioning

positionz-indextopright
bottomleftclip

布局 Layout

displayoverflowoverflow-xoverflow-y
floatclearvisibility

尺寸 Dimension

widthmin-widthmax-widthheight
min-heightmax-height

外补白 Margin

marginmargin-topmargin-rightmargin-bottom
margin-left


内补白 Padding

paddingpadding-toppadding-rightpadding-bottom
padding-left


边框 Border

borderborder-widthborder-styleborder-color
border-topborder-top-widthborder-top-styleborder-top-color
border-rightborder-right-widthborder-right-styleborder-right-color
border-bottomborder-bottom-widthborder-bottom-styleborder-bottom-color
border-leftborder-left-widthborder-left-styleborder-left-color
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
background-color


颜色 Color

coloropacity

字体 Font

文本 Text

文本装饰 Text Decoration

书写模式 Writing Modes

列表 List

list-stylelist-style-imagelist-style-positionlist-style-type

表格 Table

table-layoutborder-collapseborder-spacingcaption-side
empty-cells


内容 Content

contentcounter-incrementcounter-resetquotes

用户界面 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 IE

scrollbar-3dlight-color

scrollbar-darkshadow-color

scrollbar-highlight-colorscrollbar-shadow-color
scrollbar-arrow-colorscrollbar-face-colorscrollbar-track-colorscrollbar-base-color
filterbehavior

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

元素选择符 Element Selectors

*EE#idE.class

关系选择符 Relationship Selectors

属性选择符 Attribute Selectors

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

伪类选择符 Pseudo-Classes Selectors

E:linkE:visitedE:hoverE:active
E:focusE:lang(fr)@page:first@page:left
@page:right


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

!importantcomment@charset@page
@import@media@font-face@keyframes
@supports


长度值与单位 Length Data Types and Units

<length>emexcm
mminptpc
chremvwvh
vmaxvminqpx

角度值与单位 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
transparentcurrentColorColor NameHEX
RGB


文本值 Textual Data Types

inherit<string><url>
<identifier>
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()

数字值 Numeric Data Types

<number><integer><percentage>

附录 Appendix

颜色关键字(Color Keywords)媒体类型(Media Types)

常用CSS Hack

条件Hack属性级Hack选择符级Hack

问题和经验

参考资源列表Bugs和解决方案CSS技巧和经验列表其它经验


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