您现在的位置是：网站首页> 编程资料编程资料

sublime / vscode 快捷生成HTML代码的实现vscode怎么设置html标签自动补全? vscode自动补全html的技巧解决vscode 中保存后html自动格式化的问题VSCode 自定义html5模板的实现VSCode怎么安装插件运行HTML文件?SublimeText3怎么快速输入html5格式?Sublime Text2怎么新建一个HTML头部文件?

2023-10-08 301人已围观

简介这篇文章主要介绍了sublime / vscode 快捷生成HTML代码的实现,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

基本html结构

输入 !+Enter

Document

生成div加类名的快捷键

输入 div.list>div.item_$*6

带类名的div

输入 div.wrapper

带id的div

div#wrapper

属性 []

span[title=“test”]

后代 >

输入div>span>a

兄弟 +

div+p+span

上级 ^

div>span^i

乘法 *

ul>li*2

文本 {}

div>span{this is test}

this is test

自增符 $

ul>li.list_${list $}*3

list 1
list 2
list 3

ul>li.item$@3*3 “@3” （表示从3开始计数）

list 1
list 2
list 3

隐式转换

.class

ul>.item

table>.row>.col

到此这篇关于sublime / vscode 快捷生成HTML代码的实现的文章就介绍到这了,更多相关vscode 快捷生成HTML内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

上一篇：前端html换肤功能的实现代码使用HTML CSS实现网页换肤效果（二）

下一篇：详解HTML中字体使用line-height依然不能垂直居中解决办法解决line-height=height元素高度但是文字并没有垂直居中的问题深入理解CSS行高line-height与文本垂直居中的原理CSS line-height行高上下居中垂直居中样式属性line-height使文本居中的3像素bug问题-CSS教程-网页制作-网页教学网