常用的CSS類名
包裹類： container, wrapper, outer, inner, box, header, footer, main, content, aside, page, section, block
狀態類： primary, secondary, success, danger, warning, info, error, Link, light, dark, disabled, active, checked, loading
尺寸類： large, middle, small, bigger, smaller
組件類： card, list, picture, carousel, swiper, menu, navs, badge, hint, modal, dialog
位置類： first, last, current, prev, next, forward, back
文本類： title, desc, content, date, author, category，label，tag
人物類： avatar, name, age, post, intro
BEM
BEM(Block Element Modifier) 是一種命名CSS class的模式，使用這種模式可以讓 CSS 代碼更加利於維護。標准的 BEM 寫法是 .block-name__element-name--modifier-name。
vi是命名前綴，vi-card表示一個block，vi-card_title，_表示vi-card下面的子元素title,--表示修飾符，表示狀態 vi-btn--primary表示是普通按鈕
屬性的書寫順序
屬性的書寫順序對於瀏覽器來說沒有區別，除了優先級覆蓋之外。但是如果順序保持一致的話，掃一眼可以很快地知道這個選擇器有什么類型的屬性影響了它，所以一般要把比較重要的屬性放前面。比較建議的順序是這樣的：
