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

推荐手册

CSS速查表

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

定位 Positioning

position z-index top right
bottom left clip

布局 Layout

display overflow overflow-x overflow-y
float clear visibility

尺寸 Dimension

width min-width max-width height
min-height max-height

外补白 Margin

margin margin-top margin-right margin-bottom
margin-left

内补白 Padding

padding padding-top padding-right padding-bottom
padding-left

边框 Border

border border-width border-style border-color
border-top border-top-width border-top-style border-top-color
border-right border-right-width border-right-style border-right-color
border-bottom border-bottom-width border-bottom-style border-bottom-color
border-left border-left-width border-left-style border-left-color
border-radius border-top-left-radius border-top-right-radius border-bottom-right-radius 
border-bottom-left-radius box-shadow border-image border-image-source
border-image-slice border-image-width border-image-outset border-image-repeat

背景 Background

background   background-image  background-repeat  background-attachment
background-position background-origin background-clip  background-size
background-color

颜色 Color

color opacity

字体 Font

文本 Text

文本装饰 Text Decoration

书写模式 Writing Modes

列表 List

list-style list-style-image list-style-position list-style-type

表格 Table

table-layout border-collapse border-spacing caption-side
empty-cells

内容 Content

content counter-increment counter-reset quotes

用户界面 User Interface

多列 Multi-column

伸缩盒 Flexible Box(旧)

伸缩盒 Flexible Box(新)

转换 Transform

过渡 Transition

transition transition-property transition-duration transition-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

width height device-width device-height
orientation aspect-ratio device-aspect-ratio color
color-index monochrome resolution scan
grid

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 Firefox

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

Only Webkit

text-fill-color text-stroke text-stroke-width text-stroke-color
box-reflect tap-highlight-color user-drag

元素选择符 Element Selectors

* E E#id E.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:link E:visited E:hover E:active
E:focus E:lang(fr) @page:first @page:left
@page:right
E:not(s) E:root E:last-child E:only-child
E:nth-child(n) E:nth-last-child(n) E:target E:first-of-type
E:last-of-type E:only-of-type E:nth-of-type(n) E:nth-last-of-type(n)
E:empty E:checked E:enabled E:disabled

伪对象选择符 Pseudo-Element Selectors

E:first-letter/E::first-letter E:first-line/E::first-line E:before/E::before E:after/E::after
E::placeholder E::selection

语法与规则 Rules and Syntax

!important comment @charset @page
@import @media @font-face @keyframes
@supports

长度值与单位 Length Data Types and Units

<length> em ex cm
mm in pt pc
ch rem vw vh
vmax vmin q px

角度值与单位 Angle Data Types and Units

<angle> deg grad rad
turn

时间值与单位 Time Data Types and Units

频率值与单位 Frequency Data Types and Units

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

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

<resolution> dpi dpcm dppx

颜色值 Color Data Types

<color> RGBA HSL HSLA
transparent currentColor Color Name HEX
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技巧和经验列表 其它经验


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