本文介绍如何使用Emmet快速输入HTML、CSS和JavaScript的常用代码片段，包括类选择器、ID选择器、属性设置，以及通过实例展示如何组合生成复杂的HTML结构。同时，讲解了如何利用这些技巧提高前端开发的效率。
安装步骤：ctrl+shift+p，输入package control:install package，弹出框输入emmet，稍等会提示安装
html经典快捷键（输入完后点击TAB会自动生成）
ul>li*5
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
.class类选择器
<div class="class"></div>
#header ID选择器
<div id="header"></div>
综合一下，比如：form#search.wide
<form id="search" class="wide"></form>
再比如：p.class1.class2.class3
<p class="class1 class2 class3"></p>
[a=b]属性=属性值，比如：table[border=1]
<table border="1">
自动生成，不过这个基本没啥用，html:5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
</body>
</html>
扫一扫
3827
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
