【零基础网页开发】第六至七课 网页快速开发技巧与基本框架
一、网页快速开发技巧（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）有多个页面，应该有一个相同意识的规划。