hbuilder 怎样快捷键创建div和起class名字

1.在body内输入div.abc按下tab键

效果：<divclass="abc"></div>

2.在body内输入div#abc按下tab键

效果：<div id="abc"></div>

3.在body内输入ul>li{小花}*3按下tab键

效果：<ul>

<li>小花</li>

<li>小花</li>

<li>小花</li>

</ul>

4.在body内输入div>a[href='#']{小花}*3按下tab键

效果：<div>

<ahref="#">小花</a>

<ahref="#">小花</a>

<ahref="#">小花</a>

</div>

5.在body内输入select>option{$}*5按下tab键

效果：<select name="" id="">

<optionvalue="">1</option>

<optionvalue="">2</option>

<optionvalue="">3</option>

<optionvalue="">4</option>

<optionvalue="">5</option>

</select>

6.在body内输入select>option[value='花香']{$}*5>a[href='#']{小花}按下tab键

效果：<select name="" id="">

<option value="花香">1<a href="#">小花</a></option>

<option value="花香">2<a href="#">小花</a></option>

<option value="花香">3<a href="#">小花</a></option>

<option value="花香">4<a href="#">小花</a></option>

<option value="花香">5<a href="#">小花</a></option>

</select>

总结一下：属性值用[ ]填充，文本内容用{ }填充，看完上面大概就明白了，谢谢。

1、首先打开hbuilder编辑器，新建一个html文件，写一个form表单，并设置class属性值，form中设置两个input标签：

2、然后在上方的style标签中设置form的样式，在form的class属性中设置宽高属性，以px为单位设置宽高，背景颜色设置另一种颜色，最后设置form的盒子模型边距即可：

3、最后打开浏览器就可以看到，一个宽250px高30px的的form表单了

1、首先打开hbuilder软件，新建啊一个html文件并在里面创建一个div容器，容器设置class属性名为container，div内设置一个图片。

2、然后在上方style标签中设置container的样式，为了观察方便，设置div的高度和宽度以及背景色，并设置margin属性让div居中。

3、再设置img的属性，让它的display为inline内联元素，在设置float属性为left就可以居中了。

4、最后打开浏览器，可以看到图片是顶在div容器的左上角的，说明图片是居左对齐的。

---