# UI
| 🐎 一般常见样式处理及开发技巧 | 🐎 CSS属性系统学习 |
|---|---|
| 布局 | 动画 |
| 伪类与伪元素 | 完美样式收藏 |
| 完美封装动效库 | css其他要点难点学习 |
| 未必知道的css | 常见组件样式 |
# css必知的调试技巧
# 审查通过 JavaScript 显示的元素的 CSS
# 通过 CSS 选择器寻找元素
Ctrl+F
# 直接编辑盒模型
# 在Styles面板递增或递减属性值
# 在开发者工具中查看未使用的CSS
TIP
Chrome 允许你通过开发者工具的 “Coverage” 面板查看未使用的 CSS。这个面板可以通过上文提到的点击开发者面板右上角的 “Customize and control DevTools” 选项(三个竖点按钮),选择“更多工具”,找到 “Coverage” 开启。