参考资料

1. CSS 阴影效果设置
2. display: flex/inline-flex示例
3. CSS格式化/压缩有哪些
4. 如何用Flex布局实现导航栏？
5. * 通配符选择器详细说明以及案例
6. css阴影效果怎么设置
7. css阴影效果属性有哪些,
8. css样式div居中

CSS字体属性详细说明以及案例

1. font-family 设置字体类型
   案例: font-family: "Arial", sans-serif;

2. font-size 设置字体大小
   案例: font-size: 16px;

3. font-weight 设置字体粗细
   案例: font-weight: bold;

4. font-style 设置字体样式
   案例: font-style: italic;

5. font-variant 设置字体变体
   案例: font-variant: small-caps;

6. line-height 设置行高
   案例: line-height: 1.5;

7. font 缩写属性，可同时设置多个字体属性
   案例: font: italic bold 16px/1.5 "Arial", sans-serif;