设置 width 会破坏流动性，导致尺寸计算不一致，建议用 box-sizing 和独立标签控制布局。

浮动破坏文档流导致布局问题，清除浮动需结合BFC或overflow属性处理。

CSS 由规则集组成，每个规则集包含选择器和声明块，声明块由多个声明构成，声明由属性和值组成。

层叠上下文影响元素层级，z-index 负值能控制元素在背景和内容之间显示。

替换元素尺寸由固有、HTML和CSS属性共同决定，合理设置避免布局异常

定位关键看基准点，relative 以自身为基准，absolute 以最近定位的父元素为基准，fixed 以视口为基准。

学好 css 基础，理解盒模型和布局方式，避免常见流破坏问题。

定位时注意元素脱离文档流后对布局的影响，以及偏移参照物的不同。

flex 布局能更简单实现居中和多列布局，避免复杂计算和定位问题。

圆环进度条通过设置边框和旋转动画实现，关键在控制显示区域和动画角度。