武林網(wǎng)(www.companysz.com)文章簡介：這幾個步驟不會產(chǎn)生完美的可讀性 CSS 代碼，可以肯定的是它們可以讓你的生活簡單些。嘗試下并告訴我你的想法。

讀寫看起來容易，實則非也。對于網(wǎng)頁設(shè)計來說，讀寫行為因為多種原因而重要，并且在網(wǎng)頁設(shè)計過程中，它們有著較高的優(yōu)先級。我想說的是，用較好的方式寫代碼是非常重要的。這是因為，要讓其他任何和這些代碼打交道的人感到舒服。

CSS 可讀性最重要的一點是要有一個好的結(jié)構(gòu)。有好的結(jié)構(gòu)，在尋找特定 CSS 規(guī)則的時候才能縮小尋找區(qū)域。最好的方法是用 HTML 文件構(gòu)成的風格來結(jié)構(gòu)化 css 文件。這樣的 CSS 文件就比較舒服，而且你也能準確的知道如何定位。本文由網(wǎng)頁教學網(wǎng)（webjx.com）發(fā)布！轉(zhuǎn)載和采集的話請不要去掉！謝謝。

>><> ><><> ><>

...............}

每個網(wǎng)站顏色的數(shù)量各不相同。因此，為設(shè)計中用到的顏色定義一個特區(qū)會是很好的實踐。一個很好的理由就是就算過了一段時間你也可以很容易的認出這些顏色，而且也可以迅速的替換這些顏色。本文是網(wǎng)頁教學收集整理或者原創(chuàng)內(nèi)容，轉(zhuǎn)載請注明出處！

寫 CSS 代碼的時候，要考慮到有事需要粗略的瀏覽文件來搜索一些特定規(guī)則。在一行中聲明 CSS 規(guī)則是個不錯的主意。

這樣就可以利用水平方向上浪費的空間，也能縮短文件的翻頁頁數(shù)。

每個項目中排版都應該是非常重要的。應該為項目中用到的樣式化文本設(shè)置一個特區(qū)。這會節(jié)省很多時間而且會激發(fā)你的生產(chǎn)率。

1234567891011/*............Typography................*/ body %/ h1 / h2 Verdana h3 Arial ...

對于可讀性來說，縮進是一個非常重要的方面。CSS 文件最好的縮進方式就是 HTML 文件的縮進方式。

這樣可以在 CSS 文件中以某種方式重新生成 HTML 標簽的可視化結(jié)構(gòu)。縮進 CSS 文件時要想著把聲明排成一行，這樣 CSS 屬性就能形成一個緊湊的塊。我在 Chris Coyier 的 CSS 文件中看到這個方式，認為這是個好想法。見下面的源代碼(第二部份)。

12345678<div id="wrapper"> <div id="header"> </div> <div id="body"> <div id="content"> </div> <div id="sidebar"> </div> </div> <div id="footer"> </div></div>

123456h1%lili a

通常，在我的項目中，我的 CSS 版面是基于浮動的。這是我的方式。。。相對與定位來說，我更喜歡浮動。

總之，我認為首先聲明 float，width 和 height 這 3 個屬性是個好的方式。這樣，就可以從CSS 規(guī)則中靠前的定義獲得顯示版式。基于這 3 個屬性，也可以幫助你可視化整個網(wǎng)站結(jié)構(gòu)。本文由網(wǎng)頁教學網(wǎng)webjx.com整理發(fā)布！轉(zhuǎn)載請注明出處，謝謝！

12345678910h1

這幾個步驟不會產(chǎn)生完美的可讀性 CSS 代碼，可以肯定的是它們可以讓你的生活簡單些。嘗試下并告訴我你的想法。干杯！