[HTML]代码快捷输入

一.使用快捷输入注意事项

1.输入完代码后按键盘上的Tab键。

2.光标一定要定在代码的最后才会生效。

3.标签名后加中括号 [ ] 是输入属性值,加大括号 { } 是输入文本。

二.代码格式

1.父子关系( > ):

标签名>标签名>标签名>标签名+tab(生成代码)

div>ul>li>a
等价于:
<div>
	<ul>
		<li><a href=""></a></li>
	</ul>
</div>

2.兄弟关系( + ):

标签名>标签名>标签名>标签名+tab(生成代码)

div+p+div+p
等价于:
<div></div>
<p></p>
<div></div>
<p></p>

3.乘法关系( * ):

标签名*需要的个数+tab(生成代码)

div*5
等价于:
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

4.給标签加类名:

        1.class属性:

        标签名.class类名+tab(生成代码)

div.class
等级于:
<div class="class"></div>

        2.id属性:

        标签名#id类名+tab(生成代码)

div#id
等价于:
<div id="id"></div>

5.组合代码

div.y>ul>li*5>a[href="#"]{$}
等价于:
<div class="y">
	<ul>
		<li><a href="#">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a></li>
	</ul>
</div>


版权声明:本文为m0_62544574原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。