更有效率的css程式碼編寫第1/3頁_經驗交流
這是許多網頁製作者與開發者都關心的問題。大概沒有什麼魔法,可以保證一下就把你的樣式表縮小到百分之多少,但合理的 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.使用匈牙利表示法

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

創建 Bootstrap 分割線有兩種方法:使用 標籤,可創建水平分割線。使用 CSS border 屬性,可創建自定義樣式的分割線。

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

在 Bootstrap 中插入圖片有以下幾種方法:直接插入圖片,使用 HTML 的 img 標籤。使用 Bootstrap 圖像組件,可以提供響應式圖片和更多樣式。設置圖片大小,使用 img-fluid 類可以使圖片自適應。設置邊框,使用 img-bordered 類。設置圓角,使用 img-rounded 類。設置陰影,使用 shadow 類。調整圖片大小和位置,使用 CSS 樣式。使用背景圖片,使用 background-image CSS 屬性。

在 Vue.js 中使用 Bootstrap 分為五個步驟:安裝 Bootstrap。在 main.js 中導入 Bootstrap。直接在模板中使用 Bootstrap 組件。可選:自定義樣式。可選:使用插件。

要調整 Bootstrap 中元素大小,可以使用尺寸類,具體包括:調整寬度:.col-、.w-、.mw-調整高度:.h-、.min-h-、.max-h-

要設置 Bootstrap 框架,需要按照以下步驟:1. 通過 CDN 引用 Bootstrap 文件;2. 下載文件並將其託管在自己的服務器上;3. 在 HTML 中包含 Bootstrap 文件;4. 根據需要編譯 Sass/Less;5. 導入定製文件(可選)。設置完成後,即可使用 Bootstrap 的網格系統、組件和样式創建響應式網站和應用程序。

如何使用 Bootstrap 按鈕?引入 Bootstrap CSS創建按鈕元素並添加 Bootstrap 按鈕類添加按鈕文本

答案:可以使用 Bootstrap 的日期選擇器組件在頁面中查看日期。步驟:引入 Bootstrap 框架。在 HTML 中創建日期選擇器輸入框。 Bootstrap 將自動為選擇器添加樣式。使用 JavaScript 獲取選定的日期。
