随笔

生成bfc

• display: inline-block 显示为行内块，创建一个 BFC

字体

思源黑体

p {
  font-family: "Source Han Sans", Helvetica, Arial, sans-serif;
}

链接样式 · GitBook

• :link 未被访问过
• :visited已被访问过
• :hover鼠标悬浮状态
• :focus获得焦点状态（通过Tab键或 [HTMLElement.focus()）
• :active激活状态，如被点击

注意
如果要给所有这些状态都添加样式，请遵循LVHFA顺序法则

:before和 :after

• element:before 在element内部创建一个行内元素，作为element的第一个孩子
• element:after 在element内部创建一个行内元素，作为element的最后一个个孩子
• 用:before :after 的目的是为了省标签
• 其中content 是必不可少

边框阴影

box-shadow:
h-shadow 必需。水平阴影的位置。允许负值。
v-shadow 必需。垂直阴影的位置。允许负值。
blur可选。模糊距离。
spread 可选。阴影的尺寸。
color可选。阴影的颜色。请参阅 CSS 颜色值。
inset; 可选。将外部阴影 (outset) 改为内部阴影。