CSS+DIV是現(xiàn)在比較普遍的網(wǎng)站建設(shè)方法，相對(duì)于table建站方式，在進(jìn)行網(wǎng)站優(yōu)化的時(shí)候筆者小丹更加喜歡CSS style。而今天要來(lái)分享學(xué)習(xí)的就是關(guān)于CSS編寫(xiě)的標(biāo)準(zhǔn)化方法。

    CSS是很難維持和規(guī)模沒(méi)有明確的方法，這里有五個(gè)CSS開(kāi)發(fā)方法和風(fēng)格指南，可以幫助。

    1、Smacss：CSS SMACSS代表可伸縮的和模塊化的架構(gòu)。這個(gè)CSS開(kāi)發(fā)方法背后的核心思想是減少選擇器的深度，以保持模塊化以及降低依賴(lài)的HTML結(jié)構(gòu)。SMACSS，有五個(gè)樣式規(guī)則類(lèi)別:基地布局、模塊、狀態(tài)和主題。

    2、CSS的指導(dǎo)方針：CSS指南是一個(gè)全面的指南編寫(xiě)可維護(hù)的CSS。它有規(guī)則限制樣式表行等80個(gè)字符，使用軟標(biāo)簽等于四個(gè)空格等等。

    3、允許：面向?qū)ο蟮腃SS允許代表。這種方法的核心組件是CSS對(duì)象，定義為“一個(gè)重復(fù)的視覺(jué)模式，可以抽象成一個(gè)獨(dú)立的HTML片段，CSS和JavaScript。

    4、邊界元法：本代表塊，元素，修飾符。在這個(gè)前端開(kāi)發(fā)方法，一塊是一個(gè)離散的組件或者“積木”。一個(gè)元素是塊的一部分，例如一個(gè)搜索表單塊有兩個(gè)元素:文本輸入框(1)和(2)一個(gè)按鈕。聽(tīng)話(huà)修飾符是一個(gè)屬性，更改一個(gè)塊或元素視覺(jué)或行為。每個(gè)塊都有一個(gè)唯一的名稱(chēng)(CSS類(lèi))。

    5、慣用的CSS：寫(xiě)作原則一致慣用的CSS，簡(jiǎn)稱(chēng)慣用CSS是一個(gè)CSS開(kāi)發(fā)風(fēng)格指南。它包括指南代碼格式化，評(píng)論在樣式表中，這種風(fēng)格指南背后的核心原則是保持你的CSS一致的和可讀的來(lái)源。

    相對(duì)于簡(jiǎn)單的TABLE方式，筆者小丹個(gè)人更欣賞CSS方式。留心觀察的朋友們可以發(fā)現(xiàn)，多數(shù)的大型站亦或是優(yōu)化運(yùn)營(yíng)比較好的網(wǎng)站，其網(wǎng)站建設(shè)的源程序多為css。對(duì)于CSS建站的設(shè)計(jì)師來(lái)說(shuō)，養(yǎng)成良好的編寫(xiě)方式很重要，這不但可以讓搜索引擎爬取方便，個(gè)人整修時(shí)亦是比較方便的。

      (轉(zhuǎn)載請(qǐng)注明轉(zhuǎn)自：www.theclubhubb.com，謝謝!珍惜別人的勞動(dòng)成果，就是在尊重自己!）