书：pan.baidu.com/s/1CYs3_H1uB8aSSC40nykN0w?pwd=eznp
提取码：eznp
笔记分享：
- CSS重置与标准化：使用CSS重置库（如normalize.css）来消除浏览器默认样式的差异，确保跨浏览器的一致性。
- 避免冗余和重复代码：删除样式表中的冗余和重复规则，减少文件大小并提高加载速度。
- 选择器的优化：了解并应用选择器的性能特点，避免使用性能较差的选择器，如使用ID选择器替代类选择器，减少后代选择器的使用等。
- 利用CSS继承：合理利用CSS的继承特性，减少不必要的样式规则，提高代码复用性。
- 盒模型的理解与应用：深入理解CSS盒模型，包括内容、内边距、边框和外边距，并巧妙应用以实现精确布局。
- 布局技术的选择：根据需求选择合适的布局技术，如Flexbox、Grid等，实现高效且灵活的页面布局。
- 媒体查询与响应式设计：利用媒体查询实现响应式设计，确保页面在不同设备和屏幕尺寸上都能良好显示。
- CSS变量（Custom Properties）的使用：使用CSS变量来存储和复用样式值，提高代码的可维护性和可读性。
- 避免使用!important规则：尽量避免使用!important规则来覆盖其他样式，以免引发样式冲突和降低代码可读性。
- 代码的模块化与组件化：将CSS代码拆分为模块或组件，提高代码的可维护性和复用性。
- 利用CSS预处理器：使用Sass、Less等CSS预处理器，提高代码的可读性和可维护性，同时实现更复杂的样式逻辑。
- 压缩与合并CSS文件：通过压缩和合并CSS文件来减少网络请求次数和文件大小，提高页面加载速度。
- 利用浏览器缓存：合理设置CSS文件的缓存策略，减少不必要的网络请求，提高页面加载性能。
- 字体优化：选择适当的字体格式、大小和加载策略，确保字体在不同设备和网络环境下都能快速加载和显示。
- 图片与背景优化：优化图片和背景资源的大小和格式，减少文件大小并提高加载速度。
- 动画与过渡的优化：合理设置动画和过渡的时长、缓动函数等属性，避免过度消耗系统资源。
- 使用CSSOM和渲染树：了解并利用CSSOM和渲染树的工作原理，优化CSS的加载和渲染过程。
- 避免布局抖动：通过优化CSS规则和布局策略，避免页面在加载过程中出现布局抖动现象。
- 性能监控与调优：使用性能监控工具来分析和优化CSS的性能瓶颈，持续改进页面的加载速度和渲染性能。
- 保持学习与关注最新技术：CSS技术不断发展，保持对新技术的学习和关注，以便及时应用到项目中提升性能。