1、dom 節點屬性（display及其衍生屬性：display:flex; justify-content: center等）
2、位置關係（position、left、top等）
3、content 外屬性（margin、border、padding）
4、content 屬性（max-width、width、height）
5、行內元素屬性（ text-align、color、background等）
6、元素展示屬性（cursor、opacity、border- radius）
例：display：flex；
justify-content：center；
align-items：center；
position：absolute；
left：0；
top：0；
right：0；
bottom：0；
margin：0 auto；
border：1px solid #eee；
padding：10px；
width：100px；
height：50px；
text-align：center；
color：#fff；
background-color：#000；
cursor：point；
opacity：.5；
border-radius：50%；
overflow:scroll；
class 命名規則
1、class命名以 『-』 連線， 例： c-submit-popup
2、頁面型別的父節點（寫進 router 為準），使用 p-***
3、元件型別的父節點，使用 c-***，例：c-submit-btn
巢狀規則
1、單 vue 頁內 style 應全部包裹在父節點樣式內
2、dom 巢狀等級不超過**可使用 c-xx 與 c-xx-*** 的類名，並在 style 內可使用 &-***
3、dom 巢狀等級超過**應降低 style 巢狀，具體方法待補充
外鏈式樣式表 WEB前端 CSS樣式表
css層疊樣式表 字型樣式屬性 font size 字型大小大小 頁中普遍使用14px 盡量使用偶數的數字字型大小。ie6等老式瀏覽器支援奇數會有bug。font family 字型 中文字型需要加引號，英文則不需要 如果字型名中包含空格 等符號，則該字型必須加英文狀態下的單引號或雙引號 盡量使用系...
CSS層疊樣式表 定義樣式表
定義樣式表 1 html標記定義 p p可以叫做選擇器，定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性，他們之間需要用英語 隔開，最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...
Web前端（二）CSS層疊樣式表
二.基本語法 三.常用css樣式 四.基本選擇器 五.盒子模型 六.css浮動 七.應用案例 css實現qq郵箱介面 css指層疊樣式表 cascading style sheets 定義如何顯示控制 html元素，從而實現美化html網頁。為了讓網頁元素的樣式更加豐富,也為了讓網頁的內容和樣式能拆...