ruoyi-plus-soybean/doc/css书写规范.md
2021-11-08 06:17:20 +08:00

977 B
Raw Blame History

css书写顺序

  1. 定位属性:

    position display float left top right bottom overflow clear z-index

  2. 自身属性:

    width height padding border margin background

  3. 文字样式:

    font-family font-size font-style font-weight font-varient color

  4. 文本属性:

    text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow

  5. css3中新增属性

    content box-shadow border-radius transform

class类名的顺序

  1. 自定义的class类名(遵循BEM命名法)
  2. css插件提供的类名按照以上的css属性对应的顺序

例如自定义类名结合tailwind css