浮动布局，定位布局以及响应式布局，这三种布局是最基本最常见的，此外比较特殊的是弹性布局，弹性布局相对使用较少，需要根据项目的具体情况而定。在网站开发当中，通常是需要结合多种布局去实现网页布局的。如果是在学习网页布局的相关知识，可以弄本 HTML5布局之路 ，来辅助自己的学习
下面我们介绍一下Sublime的安装和使用：
处于安全和安装版本的考虑，建议大家还是去官网下载Sublime的安装包（http://www.sublimetext.com/）， 官网上还用gif动态形象的展示了它的一些常用功能。
注意在安装后， Sublime不会在桌面添加图标，你需要在开始菜单的所有程序中找到它：
通常我们习惯打开侧边栏，可以通过如下操作打开。
图7-打开Sublime侧边栏（截图来自秒秒学课程）
图8-Sublime基本界面（截图来自秒秒学课程）
上图有行数，代码缩略图，标题以及侧边目录，和代码高亮。然后下图展示了智能代码提示功能，基本这几大功能是我们最常用的。
图9-Sublime智能代码提示（截图来自秒秒学课程）
Sublime当然还有其它很多的功能，比如多窗口，多选择，项目及时切换等等，作为web开发的初学者，我其实也很少用到这些高级功能，但我知道它真的很方便。
最后，当然是用浏览器打开html文件。如下图，在html文件中右键，然后选择Open in Broser选项就可以了。
图10-用浏览器打开操作（截图来自秒秒学课程）
以上两个都是前端开发的神器
HBuilder算是不错的封装工具。还有很多其他的工具也可以尝试，各有特色。但封装IOS应用，有一个前提，必须有苹果开发者帐号，才能将H5封装成ios应用，并上架APPStore.注册开发者账号，最少 $99.