F2E Docs
书籍
面试
牛人与社区
规范
参考
Github
目录
1.
前端知识结构
2.
CSS 参考手册
2.1.
属性 Properties
2.1.1.
目录
2.1.2.
定位(Positioning)
2.1.2.1.
position
2.1.2.2.
z-index
2.1.2.3.
top
2.1.2.4.
right
2.1.2.5.
bottom
2.1.2.6.
left
2.1.2.7.
clip
2.1.3.
布局(Layout)
2.1.3.1.
display
2.1.3.2.
float
2.1.3.3.
clear
2.1.3.4.
visibility
2.1.3.5.
overflow
2.1.3.6.
overflow-x
2.1.3.7.
overflow-y
2.1.4.
尺寸(Dimension)
2.1.4.1.
width
2.1.4.2.
min-width
2.1.4.3.
max-width
2.1.4.4.
height
2.1.4.5.
min-height
2.1.4.6.
max-height
2.1.5.
外补白(Margin)
2.1.5.1.
margin
2.1.5.2.
margin-top
2.1.5.3.
margin-right
2.1.5.4.
margin-bottom
2.1.5.5.
margin-left
2.1.6.
内补白(Padding)
2.1.6.1.
padding
2.1.6.2.
padding-top
2.1.6.3.
padding-right
2.1.6.4.
padding-bottom
2.1.6.5.
padding-left
2.1.7.
边框(Border)
2.1.7.1.
border
2.1.7.2.
border-width
2.1.7.3.
border-style
2.1.7.4.
border-color
2.1.7.5.
border-top
2.1.7.6.
border-top-width
2.1.7.7.
border-top-style
2.1.7.8.
border-top-color
2.1.7.9.
border-right
2.1.7.10.
border-right-width
2.1.7.11.
border-right-style
2.1.7.12.
border-right-color
2.1.7.13.
border-bottom
2.1.7.14.
border-bottom-width
2.1.7.15.
border-bottom-style
2.1.7.16.
border-bottom-color
2.1.7.17.
border-left
2.1.7.18.
border-left-width
2.1.7.19.
border-left-style
2.1.7.20.
border-left-color
2.1.7.21.
border-radius
2.1.7.22.
border-top-left-radius
2.1.7.23.
border-top-right-radius
2.1.7.24.
border-bottom-right-radius
2.1.7.25.
border-bottom-left-radius
2.1.7.26.
box-shadow
2.1.7.27.
border-image
2.1.7.28.
border-image-source
2.1.7.29.
border-image-slice
2.1.7.30.
border-image-width
2.1.7.31.
border-image-outset
2.1.7.32.
border-image-repeat
2.1.8.
背景(Background)
2.1.8.1.
background
2.1.8.2.
background-color
2.1.8.3.
background-image
2.1.8.4.
background-repeat
2.1.8.5.
background-attachment
2.1.8.6.
background-position
2.1.8.7.
background-origin
2.1.8.8.
background-clip
2.1.8.9.
background-size
2.1.9.
颜色(Color)
2.1.9.1.
color
2.1.9.2.
opacity
2.1.10.
字体(Font)
2.1.10.1.
font
2.1.10.2.
font-style
2.1.10.3.
font-variant
2.1.10.4.
font-weight
2.1.10.5.
font-size
2.1.10.6.
font-family
2.1.10.7.
font-stretch
2.1.10.8.
font-size-adjust
2.1.11.
文本(Text)
2.1.11.1.
text-transform
2.1.11.2.
white-space
2.1.11.3.
tab-size
2.1.11.4.
word-break
2.1.11.5.
word-wrap
2.1.11.6.
overflow-wrap
2.1.11.7.
text-align
2.1.11.8.
text-align-last
2.1.11.9.
text-justify
2.1.11.10.
word-spacing
2.1.11.11.
letter-spacing
2.1.11.12.
text-indent
2.1.11.13.
vertical-align
2.1.11.14.
line-height
2.1.11.15.
text-size-adjust
2.1.12.
文本装饰(Text Decoration)
2.1.12.1.
text-decoration
2.1.12.2.
text-decoration-line
2.1.12.3.
text-decoration-color
2.1.12.4.
text-decoration-style
2.1.12.5.
text-decoration-skip
2.1.12.6.
text-underline-position
2.1.12.7.
text-shadow
2.1.13.
书写模式(Writing Modes)
2.1.13.1.
direction
2.1.13.2.
unicode-bidi
2.1.13.3.
writing-mode
2.1.14.
列表(List)
2.1.14.1.
list-style
2.1.14.2.
list-style-image
2.1.14.3.
list-style-position
2.1.14.4.
list-style-type
2.1.15.
表格(Table)
2.1.15.1.
table-layout
2.1.15.2.
border-collapse
2.1.15.3.
border-spacing
2.1.15.4.
caption-side
2.1.15.5.
empty-cells
2.1.16.
内容(Content)
2.1.16.1.
content
2.1.16.2.
counter-increment
2.1.16.3.
counter-reset
2.1.16.4.
quotes
2.1.17.
用户界面(User Interface)
2.1.17.1.
appearance
2.1.17.2.
text-overflow
2.1.17.3.
outline
2.1.17.4.
outline-width
2.1.17.5.
outline-color
2.1.17.6.
outline-style
2.1.17.7.
outline-offset
2.1.17.8.
nav-index
2.1.17.9.
nav-up
2.1.17.10.
nav-right
2.1.17.11.
nav-down
2.1.17.12.
nav-left
2.1.17.13.
cursor
2.1.17.14.
zoom
2.1.17.15.
box-sizing
2.1.17.16.
resize
2.1.17.17.
ime-mode
2.1.17.18.
user-select
2.1.17.19.
pointer-events
2.1.18.
多列(Multi-column)
2.1.18.1.
columns
2.1.18.2.
column-width
2.1.18.3.
column-count
2.1.18.4.
column-gap
2.1.18.5.
column-rule
2.1.18.6.
column-rule-width
2.1.18.7.
column-rule-style
2.1.18.8.
column-rule-color
2.1.18.9.
column-span
2.1.18.10.
column-fill
2.1.18.11.
column-break-before
2.1.18.12.
column-break-after
2.1.18.13.
column-break-inside
2.1.19.
伸缩盒(Flexible Box)(旧)
2.1.19.1.
box-orient
2.1.19.2.
box-pack
2.1.19.3.
box-align
2.1.19.4.
box-flex
2.1.19.5.
box-flex-group
2.1.19.6.
box-ordinal-group
2.1.19.7.
box-direction
2.1.19.8.
box-lines
2.1.20.
伸缩盒(Flexible Box)(新)
2.1.20.1.
flex
2.1.20.2.
flex-grow
2.1.20.3.
flex-shrink
2.1.20.4.
flex-basis
2.1.20.5.
flex-flow
2.1.20.6.
flex-direction
2.1.20.7.
flex-wrap
2.1.20.8.
align-content
2.1.20.9.
align-items
2.1.20.10.
align-self
2.1.20.11.
justify-content
2.1.20.12.
order
2.1.21.
变换(Transform)
2.1.21.1.
transform
2.1.21.2.
transform-origin
2.1.21.3.
transform-style
2.1.21.4.
perspective
2.1.21.5.
perspective-origin
2.1.21.6.
backface-visibility
2.1.22.
过渡(Transition)
2.1.22.1.
transition
2.1.22.2.
transition-property
2.1.22.3.
transition-duration
2.1.22.4.
transition-timing-function
2.1.22.5.
transition-delay
2.1.23.
动画(Animation)
2.1.23.1.
animation
2.1.23.2.
animation-name
2.1.23.3.
animation-duration
2.1.23.4.
animation-timing-function
2.1.23.5.
animation-delay
2.1.23.6.
animation-iteration-count
2.1.23.7.
animation-direction
2.1.23.8.
animation-play-state
2.1.23.9.
animation-fill-mode
2.1.24.
打印(Printing)
2.1.24.1.
page
2.1.24.2.
page-break-before
2.1.24.3.
page-break-after
2.1.24.4.
page-break-inside
2.1.25.
媒体查询(Media Queries)
2.1.25.1.
width
2.1.25.2.
height
2.1.25.3.
device-width
2.1.25.4.
device-height
2.1.25.5.
orientation
2.1.25.6.
aspect-ratio
2.1.25.7.
device-aspect-ratio
2.1.25.8.
color
2.1.25.9.
color-index
2.1.25.10.
monochrome
2.1.25.11.
resolution
2.1.25.12.
scan
2.1.25.13.
grid
2.1.26.
Only IE
2.1.26.1.
scrollbar-3dlight-color
2.1.26.2.
scrollbar-darkshadow-color
2.1.26.3.
scrollbar-highlight-color
2.1.26.4.
scrollbar-shadow-color
2.1.26.5.
scrollbar-arrow-color
2.1.26.6.
scrollbar-face-color
2.1.26.7.
scrollbar-track-color
2.1.26.8.
scrollbar-base-color
2.1.26.9.
filter
2.1.26.10.
behavior
2.1.27.
Only Firefox
2.1.27.1.
border-colors
2.1.27.2.
border-top-colors
2.1.27.3.
border-right-colors
2.1.27.4.
border-bottom-colors
2.1.27.5.
border-left-colors
2.1.28.
Only webkit
2.1.28.1.
text-fill-color
2.1.28.2.
text-stroke
2.1.28.3.
text-stroke-width
2.1.28.4.
text-stroke-color
2.1.28.5.
box-reflect
2.1.28.6.
tap-highlight-color
2.1.28.7.
user-drag
2.2.
选择符 Selectors
2.2.1.
目录
2.2.2.
元素选择符
2.2.2.1.
通配选择符(*)
2.2.2.2.
类型选择符(E)
2.2.2.3.
ID选择符(E#id)
2.2.2.4.
类选择符(E.class)
2.2.3.
关系选择符
2.2.3.1.
包含选择符(E F)
2.2.3.2.
子选择符(E>F)
2.2.3.3.
相邻选择符(E+F)
2.2.3.4.
兄弟选择符(E~F)
2.2.4.
属性选择符
2.2.4.1.
E[att]
2.2.4.2.
E[att="val"]
2.2.4.3.
E[att~="val"]
2.2.4.4.
E[att^="val"]
2.2.4.5.
E[att$="val"]
2.2.4.6.
E[att*="val"]
2.2.4.7.
E[att|="val"]
2.2.5.
伪类选择符
2.2.5.1.
E:link
2.2.5.2.
E:visited
2.2.5.3.
E:hover
2.2.5.4.
E:active
2.2.5.5.
E:focus
2.2.5.6.
E:lang(fr)
2.2.5.7.
E:not(s)
2.2.5.8.
E:root
2.2.5.9.
E:first-child
2.2.5.10.
E:last-child
2.2.5.11.
E:only-child
2.2.5.12.
E:nth-child(n)
2.2.5.13.
E:nth-last-child(n)
2.2.5.14.
E:first-of-type
2.2.5.15.
E:last-of-type
2.2.5.16.
E:only-of-type
2.2.5.17.
E:nth-of-type(n)
2.2.5.18.
E:nth-last-of-type(n)
2.2.5.19.
E:empty
2.2.5.20.
E:checked
2.2.5.21.
E:enabled
2.2.5.22.
E:disabled
2.2.5.23.
E:target
2.2.5.24.
@page:first
2.2.5.25.
@page:left
2.2.5.26.
@page:right
2.2.6.
伪对象选择符
2.2.6.1.
E:first-letter/E::first-letter
2.2.6.2.
E:first-line/E::first-line
2.2.6.3.
E:before/E::before
2.2.6.4.
E:after/E::after
2.2.6.5.
E::placeholder
2.2.6.6.
E::selection
2.3.
语法与规则 Rules
2.3.1.
目录
2.3.2.
!important
2.3.3.
/_comment_/
2.3.4.
@import
2.3.5.
@charset
2.3.6.
@media
2.3.7.
@font-face
2.3.8.
@page
2.3.9.
@keyframes
2.3.10.
@supports
2.4.
取值与单位 Values and Units
2.4.1.
目录
2.4.2.
长度(Length)
2.4.2.1.
<a href="values/length/length.md"><length></a>
2.4.2.2.
em
2.4.2.3.
ex
2.4.2.4.
ch
2.4.2.5.
rem
2.4.2.6.
vw
2.4.2.7.
vh
2.4.2.8.
vmax
2.4.2.9.
vmin
2.4.2.10.
cm
2.4.2.11.
mm
2.4.2.12.
q
2.4.2.13.
in
2.4.2.14.
pt
2.4.2.15.
pc
2.4.2.16.
px
2.4.3.
角度(Angle)
2.4.3.1.
<a href="values/angle/angle.md"><angle></a>
2.4.3.2.
deg
2.4.3.3.
grad
2.4.3.4.
rad
2.4.3.5.
turn
2.4.4.
时间(Time)
2.4.4.1.
<a href="values/time/time.md"><time></a>
2.4.4.2.
s
2.4.4.3.
ms
2.4.5.
频率(Frequency)
2.4.5.1.
<a href="values/frequency/frequency.md"><frequency></a>
2.4.5.2.
Hz
2.4.5.3.
kHz
2.4.6.
布局(Layout-specific)
2.4.6.1.
<a href="values/layout-specific/fraction.md"><fraction></a>
2.4.6.2.
<a href="values/layout-specific/grid.md"><grid></a>
2.4.6.3.
fr
2.4.6.4.
gr
2.4.7.
分辨率(Resolution)
2.4.7.1.
<a href="values/resolution/resolution.md"><resolution></a>
2.4.7.2.
dpi
2.4.7.3.
dpcm
2.4.7.4.
dppx
2.4.8.
颜色(Color)
2.4.8.1.
<a href="values/color/color.md"><color></a>
2.4.8.2.
Color Name
2.4.8.3.
HEX
2.4.8.4.
RGB
2.4.8.5.
RGBA
2.4.8.6.
HSL
2.4.8.7.
HSLA
2.4.8.8.
transparent
2.4.8.9.
currentColor
2.4.9.
文本(Textual)
2.4.9.1.
inherit
2.4.9.2.
initial
2.4.9.3.
unset
2.4.9.4.
<a href="values/textual/string.md"><string></a>
2.4.9.5.
<a href="values/textual/url.md"><url></a>
2.4.9.6.
<a href="values/textual/identifier.md"><identifier></a>
2.4.10.
函数(Functional)
2.4.10.1.
calc()
2.4.10.2.
toggle()
2.4.11.
生成内容(Content)
2.4.11.1.
counter()
2.4.11.2.
counters()
2.4.11.3.
attr()
2.4.12.
图像(Image)
2.4.12.1.
<a href="values/image/image.md"><image></a>
2.4.12.2.
image()
2.4.12.3.
image-set()
2.4.12.4.
<a href="values/image/gradient.md"><gradient></a>
2.4.12.5.
linear-gradient()
2.4.12.6.
radial-gradient()
2.4.12.7.
repeating-linear-gradient()
2.4.12.8.
repeating-radial-gradient()
2.4.13.
数字(Numeric)
2.4.13.1.
<a href="values/numeric/number.md"><number></a>
2.4.13.2.
<a href="values/numeric/integer.md"><integer></a>
2.4.13.3.
<a href="values/numeric/percentage.md"><percentage></a>
2.5.
CSS Hack
2.5.1.
目录
2.5.2.
条件Hack
2.5.3.
属性级Hack
2.5.4.
选择符级Hack
F2E Docs
CSS Hack
条件Hack
属性级Hack
选择符级Hack