關(guān)于書寫習(xí)慣，遵循曾經(jīng) 總結(jié)過的風(fēng)格 標(biāo)準(zhǔn)，現(xiàn)在一點(diǎn)都沒有變。并且近來翻看高手作品，橫向連排似乎在大產(chǎn)品項(xiàng)目中逐漸成為主流，個人認(rèn)為如此維護(hù)效率的確更高，并且未來顯示器肯定是朝越來越大、越來越寬發(fā)展。

通常我維護(hù)別人作品第一步都是調(diào)整空格，基本下圖這個造型的樣式表都是我寫的，只有我這種眼里不揉沙子的人才對多個、少個空格如此敏感。至于效果上有什么影響，不妨對比參考。代碼編輯器對同行數(shù)定位做的都比較好，因此我們要解決的是如何快速縱向定位目標(biāo)。

例子來自2006年8月Microsoft.com首頁。

并且我觀察到最近流行的柵格化、漸進(jìn)增強(qiáng)等設(shè)計(jì)理念，都可以很好應(yīng)用到樣式表設(shè)計(jì)上。好代碼應(yīng)該清晰上下、左右分級，適當(dāng)?shù)姆謮K、留白將有助于模塊化設(shè)計(jì)，大大提高可擴(kuò)展性、可復(fù)用性、可維護(hù)性?？偟膩碚f，書寫有如下四個方面值得探討，并積累個人(團(tuán)隊(duì))習(xí)慣：

命名

排版模式化

屬性定義順序

注釋格式

如果再加上各種Hack語法，以及-moz-, -webkit-等私有定義，這個事情復(fù)雜無比。不過在組織角度可以輕而易舉想到，應(yīng)該把它們獨(dú)立出來并分開調(diào)用。學(xué)問很深，先整理思路，有空再好好探討總結(jié)。下圖是最近改個人網(wǎng)站的代碼片段：

前幾天用Css3語句text-shadow在繁體某中文情況下，成功將Chrome2兩次搞死，不得已降級Chrome1使用。值得一提的是，text-shadow效果非常好，淡淡的陰影甚至有點(diǎn)水墨感覺。從最近發(fā)展來看，各瀏覽器往標(biāo)準(zhǔn)化靠攏前進(jìn)的步子將越來越大。

可預(yù)見的將來，Css將代替很大部分視覺設(shè)計(jì)工作，以后web設(shè)計(jì)稿子幾乎可以不再使用畫圖這種原始辦法。也就是說，將來web視覺設(shè)計(jì)知識體系將進(jìn)一步與編碼結(jié)合。近三年我的工作重點(diǎn)方向并不在頁面結(jié)構(gòu)&表現(xiàn)之上，但原型框架圖還是 多使用HTML 提高效率，同時也全部手寫實(shí)現(xiàn)?；炯寄芏鄤邮譀]壞處，至于效率嘛?無他，唯手熟耳。

經(jīng)常與習(xí)慣欠佳的同行開玩笑，寫代碼也要注意矜持，你不是一個人在戰(zhàn)斗。好代碼就算用記事本打開也是藝術(shù)品，何況是在做設(shè)計(jì)。樣式表在編輯器里，本身就是個信息設(shè)計(jì)練習(xí)。

• css
• 風(fēng)格
• 樣式表