第二步：打开Hbuilder
第三步：点击-新建web项目
第四步：编写项目名称，并选择文件保存的位置（这里大家默认填写name1，路径就是在桌面）
点击完成之后就会出现了，左侧就是大家新建文件目录，右侧就是页面所在的编辑框
第五步：就是在建立好的框架上，编写所需要的样式以及代码了
用Hbuilder写HTML的好处就在于，它会简化你写代码样式的工作，自动识别，比如你要写div框架的时候，只需写前半边，后半边自动就识别出来回车一下就可以了
作用：一，高效率练习你码字母的效率；二，节省你工作的效率；三，在结构上看，写完之后的代码样式很规范。
如何实现CSS样式之多个层DIV并排布局？
1、使用css float并排显示：
对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
加float浮动实现多个div并排显示。
这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动。避免其它不需要设置的也被加入浮动样式。
2、使用css display同行显示：
加入display:inline即可解决实现同行并排显示div盒子对象。
对div标签设置div{ display:inline}样式。
扩展资料
div标签的作用：
主要应用div结构网页大小局部，架构网页框架。譬喻一张网页最外层、大结构布局、小部份布局。div内可以嵌入模式，也或许嵌入任何标签。要实现漂白的各种各样的网页，div使用必不可少，div机关框架再运用css对其设置名堂，完成千般各样刻舟求剑的网页。
div标签自身是不有任何效用的标签，也不是特殊标签。一样平常组织经常运用DIV作为主要的构造标签，再配合其他标签的应用达到结构需求，而另外标签各有各机能与作用。
div自身就作为DIV CSS构造的首要标签（div构造大小结构，架构大小框架、嵌套嵌入形式或其他标签，应用其他标签大面积构造大小结构 大小框架不切当），所以要应用div标签构造html。
CSS样式代码z？
z-index：-2就是这个铺在网页的最底层。z-index就是网页的z轴，用相对定位绝对定位把两个层重叠在一起，z-index的值越大，就越靠上，注意，z-index没有单位，z-index：99；这样写就够了
css样式名称中用的是哪类选择题？
哪几类？ 定义的话有 .style1 （用class控制） 这个用class调用，
#div1 （用id控制）这个是针对标签的id的 . id为div1的都可使用 div （用标签名称控制）这种直接写的就是所有的div标签都有效如果上面定义重复的话，按照最近定义的样式去显示
