css如何組織？下面本篇文章給大家介紹一下。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。

前端工程師在開(kāi)發(fā)一個(gè)單頁(yè)面或者小網(wǎng)站的時(shí)候有可能不會(huì)在意CSS的組織問(wèn)題，但如果要開(kāi)發(fā)一個(gè)中大型的網(wǎng)站，就要好好的組織CSS文件，不然會(huì)增加維護(hù)成本，整個(gè)網(wǎng)站的結(jié)構(gòu)也沒(méi)條理性。

如何組織CSS？一般常用的方法是按功能劃分，分為三大類：

1、base類

base類是css最底層的類，也就是通用原子類，具有高度可移植性、精簡(jiǎn)、通用，基本不需要維護(hù)。內(nèi)容主要是一些CSS重置代碼和常用的類，如.w100{width:100;}，.fl{float:left;display:inline;}之類。

2、common類

common類位于中間，是組件類，也就是各個(gè)功能模塊，把網(wǎng)站常用的元素拆分成各個(gè)復(fù)用性很高的小模塊，注意的是最好由一人負(fù)責(zé)，統(tǒng)一管理。

3、page類

page類位于最高，復(fù)用性最低，盡量分開(kāi)寫，或者分塊寫，寫明注釋。page類越簡(jiǎn)單越好，能用上述兩者解決的盡量用上述兩者。

更多web開(kāi)發(fā)知識(shí)，請(qǐng)查閱 HTML中文網(wǎng) ！！

總結(jié)

以上是生活随笔為你收集整理的html的组织顺序是什么,css如何组织？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。