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