52. 管理后台踩坑：CSS 篇

[ly525]

1. icon绘制
2. icon和img的优劣势对比, icon的实现原理
3. navbar布局
4. 背景色渐变
5. 导航菜单hover颜色
6. 登录背景图填充背景
7. remove inputbox outline-color https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color
8. 首页毛玻璃实现效果
9. scss @import '../../styles/admin.scss'; 和 @import ('../../styles/admin.scss') 区别;
10. 登录框的居中处理
11. 加载动画效果
12. style scoped 对使用的组件的代码无效问题的解决=>
13. input required属性与Chrome记住密码关系
14. 高度变化动画，延迟变化效果
15. 使用calc计算元素上下左右边距，使其居中对其（用于登录页面登录框）
16. rem单位需要再看下（哔哩哔哩-黑马程序员-百度外卖项目）
17. white-space: nowrap的实际应用
18. 用户名过长
19. 表格中某一字段太长，自动换行导致该行高度过高。
20. 下拉菜单中的选项内容过长
21. icon 原理
22. 两端对齐
23. 下拉菜单中， li => float: left，设置 ul => display: inline-block; 可以产生 清除浮动的效果。使得父元素包裹浮动元素。原因： 如果不设置 ul 的display为 inline-block 的话，给 ul 设置的background-color 无效，因此此时li 并没有撑开 ul 元素的高度。导致 ul 的高度是 0 。
24. CSS line-height
25. img元素底部为何有空白
26. What is vertical-align
27. 为什么设置line-height===height 就会使得图片垂直居中呢？相当于是单行文本的垂直居中
28. 居中指南