一、網頁快速開發技巧（HBuilder）

1. 一次寫多個標籤：

使用符號 “*” ，按Tab鍵。

例：a*10，然後按Tab鍵。

2. 多游標同時書寫：

按住Ctrl鍵，滑鼠點選各個位置。

3. CSS標籤基本對應方式：

（1）id對應 “#”
（2）class對應 “.”

如果寫一個帶有class的div，可以寫成 div.屬性名稱 ，如div.panel，按住Tab鍵。
多個：div.panel>div.title+div.content+div.function

4. 使用>表示下一層節點，+表示同層節點（見上例）

二、網頁程式碼基本框架

1. 網頁內容程式碼基本結構

頭+中+尾

2. CSS結構規劃

（1）通用的CSS檔案命名為 common ：
通用的CSS程式碼 —— 生成一次，每一頁都是相同的樣式。

樣式程式碼：< link rel=“stylesheet” href=“css/common.css” />

（2）解決白邊問題

Body中margin0

（3）第一個CSS檔案：

3. 總結

（1）掌握基本結構，寫好後填充即可；
（2）有多個頁面，應該有一個相同意識的規劃。