下圖展示的就是一個(gè)示例:
2.風(fēng)格名稱、創(chuàng)建時(shí)間、簽名。
讓別人知道是誰(shuí)寫的樣式表,當(dāng)他們有問題的時(shí)候可以及時(shí)的請(qǐng)教,這在制作模板或者主題以及團(tuán)隊(duì)合作時(shí)非常有用。
swatch colors里記錄了此風(fēng)格用到的一些顏色色值,和它們對(duì)應(yīng)的顏色描述,這么做是方便以后的編輯工作,你不用再打開PS或者其他取色軟件在去找顏色,翻到樣式頂部拷貝即可。
3.制作一個(gè)模板庫(kù)。
每次當(dāng)你制作完一個(gè)樣式表時(shí),你可以去除那些不通用的東西,然后把文件保存為一個(gè)CSS模板以備以后之用。
可以保存成多種用途的各個(gè)版本:兩列布局、博客布局、打印樣式、移動(dòng)設(shè)備樣式等等。coda有一個(gè)很棒的剪輯功能,可以幫你很容易的保存模板。許多其他的編輯器也有類似的功能,即便是簡(jiǎn)單的文本批處理也可以很好做出一個(gè)模板庫(kù)來。
每次都從頭重寫每一個(gè)代碼實(shí)在太瘋狂,特別是當(dāng)你使用相同的公約和方法。
4.使用有用的命名約定。
你可能注意到在第一條建議里的示例里,定義了一對(duì)ID叫:col-alpha 和 col-beta,為什么不直接叫col-left 和 col-right?想想我們未來要做的工作,
來年也許你要將左側(cè)的內(nèi)容調(diào)整到右側(cè),你不應(yīng)該重新命名你的HTML元素和重命名樣式表的id而只是為了移動(dòng)一下位置。
是的,也許你說你可以把左側(cè)移到右側(cè)而不改動(dòng)它的HTML元素ID名,依然叫col-left ,但是這會(huì)是多么混亂啊,ID描述的是左側(cè),那就應(yīng)該讓它始終待在左側(cè),而不是背道而馳。
新聞熱點(diǎn)
疑難解答
圖片精選