iugo / blog

https://iugo.github.io/blog
3 stars 0 forks source link

CSS 基础速查 #15

Open iugo opened 6 years ago

iugo commented 6 years ago

flex border 伪类

iugo commented 6 years ago

flex containers

flex-flow flex-direction 主轴方向 flex-wrap 是否允许换行

justify-content 主轴方向上的分布

align-items 非主轴上的分布

align-content (多行时) 行以外空间的分布

flex items

flex flex-grow 拉伸因子 flex-shrink 收缩因子 flex-basis 初始大小

align-self 为本元素覆盖 align-items 的设置

justify-self [草案] 为本元素覆盖 justify-content 的设置

iugo commented 6 years ago

border border-width border-style Link border-color

iugo commented 6 years ago

color list https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

iugo commented 6 years ago

鼠标指针图形 https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor

iugo commented 6 years ago

伪类

https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes

:nth-of-type() 匹配子项. :nth-last-of-type() 上一个的反向记数. :nth-child() 仅对非段落元素起作用. :nth-last-child() 上一个的反向记数.