web前端常用快捷键

idea\hbuilderx等IDE工具可以支持，部分IDE工具不支持。
此处以Hbuilderx为IDE开发工具来说。
!+Tab键

输入标签，按tab键，生成标签，如下：

输入“标签.样式名”，按tab键，生成带样式的标签，如下：

输入“标签#id名”，按tab键，生成带id名的标签，如下：

输入“标签#id名.样式名”，按tab键，生成带id名的标签，如下：

输入“标签名.样式名*n”，生成带有样式的n个标签，如下：

输入“标签>标签”，生成有父子关系的标签， >表示父子关系 ， 比如 ul > li就可以了，如下：

输入“标签+标签”，生成有兄弟关系的标签，如下：