##css書寫規范 >模板中統一使用外鏈式的css樣式表，不允許使用行內樣式樣式的控制主要使用class 同時id作為補充，并盡可能不使用id 標準書寫示例 ~~~ div.h5c-jsw-m-box>h4{ ...... } ~~~ 避免以下兩種情況 ~~~~ div>h4{ ...... } ~~~ ~~~ .h5c-jsw-m-box>h4{ ...... } ~~~ >css選擇器的起始位置和結束位置盡可能都要有class或id，開始部分要以標簽+class(或id)組合的形式書寫，模板中禁止使用css hack 禁止使用行內樣式 ##class命名規范 >**h5c\-作者代號\-組件類型\-說明** **組件代號** <hr/> >每一個成員都有一個唯一的代號,例入平哥的代號是jsw **組件類型** >布局（grid）（.g-）：將頁面分割為幾個大塊，通常有頭部、主體、主欄、側欄、尾部等！ >模塊（module）（.m-）：通常是一個語義化的可以重復使用的較大的整體！比如導航、登錄、注冊、各種列表、評論、搜索等！ >元件（unit）（.u-）：通常是一個不可再分的較為小巧的個體，通常被重復用于各種模塊中！比如按鈕、輸入框、loading、圖標等！ >功能（function）（.f-）：為方便一些常用樣式的使用，我們將這些使用率較高的樣式剝離出來，按需使用，通常這些選擇器具有固定樣式表現，比如清除浮動等！不可濫用！ 功能部分的代碼已經剝離出很大一部分一般情況下無需再添加 >皮膚（skin）（.s-）：如果你需要把皮膚型的樣式抽離出來，通常為文字色、背景色（圖）、邊框色等，非換膚型網站通常只提取文字色！非換膚型網站不可濫用此類！ >狀態（.z-）：為狀態類樣式加入前綴，統一標識，方便識別，她只能組合使用或作為后代出現（.u-ipt.z-dis{}，.m-list li.z-sel{}），具體詳見命名規則的擴展相關項。 **說明** >說明部分是該組件功能和實現效果的簡單描述（英文），禁止用漢語拼音 **class命名示例** `h5c-jsw-m-box` ##id命名規范 >**h5c\-作者代號\-組件類型\-說明** <br/>可diy編輯的部分必須擁有id 并通過data-type屬性來標識diy組件的類型**注意**：這里的分割符和class命名的分割符是不一樣的 **id命名示例** `h5c_jsw_g_tools`