Skip to content

Latest commit

 

History

History
11 lines (8 loc) · 864 Bytes

rules.mdx

File metadata and controls

11 lines (8 loc) · 864 Bytes

import Bleed from 'nextra-theme-docs/bleed'

合适的CSS属性声明顺序,可以让我们快速浏览和阅读。

通用规则:

  1. 从最重要到不重要。那么什么是重要?会影响布局和尺寸的规则。在盒子内部或者不会影响布局/尺寸的为不重要。
  2. 按CSS规范组合属于一类的CSS属性,比如: 定位、float/clear、font-、text-
  3. 在CSS规范中定义的CSS布局顺序:position: absolute可能会覆盖float:left/rightfloat: left/right可能会覆盖display,除了display: none。因此顺序是 position, float, display。文本是在布局在行框盒子上的,接着是单词,再者是字形。因此顺序是font-sizeline-height优先,其次text-*,然后是word-*
  4. 按盒模型顺序,从外到内。
  5. 顺时针顺序,*-top, *-right, *-bottom, *-left