700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > CSS中的emmet语法(使用缩写的方式提高书写html编写速度)

CSS中的emmet语法(使用缩写的方式提高书写html编写速度)

时间:2021-03-11 22:38:17

相关推荐

CSS中的emmet语法(使用缩写的方式提高书写html编写速度)

使用CSS的emmet语法:使用缩写的方式提高书写html编写速度。

(1)快速生成html结构语法:

如果想要生成多个相同的标签,加上“*”就可以了,如div*3,生成三个div。如果有父子关系的标签,可以用>比如,ul>li就可以了;如果有兄弟关系的标签,用+就可以了,比如div+p;如果生成带有类名或者id名字,直接写.demo或者#two tab键就可以了;如果生成的div类名是有顺序的,可以用自增符号$

.

(2)快速生成CSS样式语法:

比如w200 按tab可以生成width:200px;比如lh26 按tab可以生成line-height:26px;

(3)快速格式化代码;Shift+Alt+F

或者可以这样做:

设置当我们保存页面的时候自动格式化代码:

文件->首选项->设置

搜索emmet .include;

在settings.json下的【用户】中添加以下语句:

"editor.formatOnType":true,"editor.formatOnSave":true

设置这一次即可,以后只需要自动保存格式化。

{"cssrem.rootFontSize": 37.5,"emmet.excludeLanguages": [],"editor.formatOnType": true,"editor.formatOnSave": true,"markdown"}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。