更有效率的css代碼編寫第1/3頁

2020-10-23 18:36:38

字體：大中小

來源：轉載

供稿：網友

這是許多網頁制作者與開發者都關心的問題。大概沒有什么魔法，可以保證一下就把你的樣式表縮小到百分之多少，但合理的 CSS 編碼與組織技巧，的確能夠幫助你的更有效率地寫出更清晰高效的代碼，自然，樣式表大小的縮減還能減少下載的時間。

　　一、排版：

　　1.關鍵詞和操作符之間加適當的空格。

　　2.相對獨立的程序塊與塊之間加空行

　　3.較長的語句、表達式等要分成多行書寫。

　　4.劃分出的新行要進行適應的縮進，使排版整齊，語句可讀。

　　5.長表達式要在低優先級操作符處劃分新行，操作符放在新行之首。

　　6.循環、判斷等語句中若有較長的表達式或語句，則要進行適應的劃分。

　　7.若函數或過程中的參數較長，則要進行適當的劃分。

　　8.不允許把多個短語句寫在一行中，即一行只寫一條語句。

　　9.函數或過程的開始、結構的定義及循環、判斷等語句中的代碼都要采用縮進風格。

　　10.C/C++語言是用大括號‘{'和‘}'界定一段程序塊的，編寫程序塊時‘{'和‘}'應各獨占一行并且位于同一列，同時與引用它們的語句左對齊。在函數體的開始、類的定義、結構的定義、枚舉的定義以及if、for、do、while、switch、case語句中的程序都要采用如上的縮進方式。

　　二、注釋

　　1.注釋要簡單明了。

　　2.邊寫代碼邊注釋，修改代碼同時修改相應的注釋，以保證注釋與代碼的一致性。

　　3.在必要的地方注釋，注釋量要適中。注釋的內容要清楚、明了，含義準確，防止注釋二義性。保持注釋與其描述的代碼相鄰，即注釋的就近原則。

　　4.對代碼的注釋應放在其上方相鄰位置，不可放在下面。

　　5.對數據結構的注釋應放在其上方相鄰位置，不可放在下面;對結構中的每個域的注釋應放在此域的右方;同一結構中不同域的注釋要對齊。

　　6.變量、常量的注釋應放在其上方相鄰位置或右方。

　　7.全局變量要有較詳細的注釋，包括對其功能、取值范圍、哪些函數或過程存取它以及存取時注意事項等的說明。

　　8.在每個源文件的頭部要有必要的注釋信息，包括：文件名;版本號;作者;生成日期;模塊功能描述(如功能、主要算法、內部各部分之間的關系、該文件與其它文件關系等);主要函數或過程清單及本文件歷史修改記錄等。

　　9.在每個函數或過程的前面要有必要的注釋信息，包括：函數或過程名稱;功能描述;輸入、輸出及返回值說明;調用關系及被調用關系說明等。

　　三、命名

　　1.較短的單詞可通過去掉“元音”形成縮寫;

　　2.較長的單詞可取單詞的頭幾發符的優先級，并用括號明確表達式的操作順序，避免使用默認優先級。

　　3.使用匈牙利表示法

123下一頁閱讀全文

上一篇：網頁制作中十個最好的CSS hacks

下一篇：td nowrap css nowrap使用說明于注意事項