用hbuilder怎么输入化学方程式

Emmet

HBuilder或HBuilderX的快捷输入（Emmet插件）

Shawyu_

原创

关注

20点赞·14596人阅读

文章目录

一、嵌套 >

二、并列 +

三、重复 *

四、返回 ^

五、分组 ()

六、属性 []

七、编序 $

八、内容 {}

九、其他

HBuilder或HBuilderX已经默认安装Emmet插件。

通过输入代码块按下Tab键即可快速撸码。

一、嵌套 >

如：输入div>ul>li，按下Tab键

效果：

<div>

<ul>

<li></li>

</ul>

</div

二、并列 +

如：输入div+p，按下Tab键

效果：

<div></div>

<p></p>

三、重复 *

如：输入li*3，按下Tab键

效果：

<li></li>

<li></li>

<li></li

1、要设置隔开线可以使用border标签。打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，css样式里让li标签左浮动并加入简单的样式：

2、在css里设置border-left的样式，然后需要使用“:first-chirld”伪类让第一个li标签的border消失：

3、最后保存一下，在软件右侧的浏览器就可以观察到最终效果了。以上就是给li标签加割线的 *** 作：

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>

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

---