【VSCode】VSCode快捷输入html标签-有意思的哩

【VSCode】VSCode快捷输入html标签-有意思的哩

一、行内元素、块元素、行内块元素

行内元素：span、strong、em等
块元素：h1~h6 最常用的是h1~h3 一个网页只有一个h1
行内元素：不会独占一行，不能设置宽高
行内元素可以转换为行内块元素，可以设置宽高
块元素独占一行，因此在某些页面中，独占一行，一般使用行元素转换为行内块元素。

二、ul与li标签

ul/li*n

<ul>
	<li></li>
    <li></li>
    <li></li>...
    <li></li>
</ul>

三、注释按键与取消注释按键

注释按键

CTRL+/
style:/* */
html:
取消注释按键
CTRL+K+U

四、一键生成HTML框架

英文状态下：shift+! 按住enter键生成

五、id与class一键生成

.box enter

<div class="box"></div>

#box enter

<div id="box"></div>