深色模式是一种主题，支持通过CSS的prefers-color-scheme媒体查询实现，能够在不同环境下提供更好的用户体验。尽管浏览器支持率高，但兼容性仍然是个问题，许多网站使用手动开关来切换模式。结合手动开关和媒体查询可以提升用户体验。提供了多种实现深色模式的方法，包括CSS变量和条件加载CSS文件。

本文档从交互、样式、动效、触摸、优化、无障碍、设计等角度概述了构建良好Web页面的详细信息的非详尽列表

scss换肤根据页面设置data-theme标签实现。

styled-components以组件的形式来声明样式，让样式也成为组件，从而分离逻辑组件与展示组件。

rgba与opacity的区别以及在遮罩层的运用,设置了opacity的元素内的子元素们都被影响了，设置了opacity的元素它的子元素都继承了他的设置，透明度都是一样的.而rgba所设置的透明度，只会影响他自己本身，而其中的子元素不会被其所影响。