首页 > 网站 > WEB开发 > 正文

zen-coding的使用

2024-04-27 15:05:58

字体：大中小

来源：转载

供稿：网友

zen-coding的语法 zen-coding又名emmet，对于前端程序员使用它可以加快程序的编写，提高效率。 zen-coding(webstorm)安装： file -> settings -> plugins 点击搜索emmet，然后安装 zen-coding使用例如：输入：p.foo -> 点击tab键(只有点击tab键才可将代码转换) 输出：`<p class="foo"></p>` zen-coding语法： 1、child > 2、sibling + 3、climb-up ^ (跳至上一级) 4、multiplication * (多个，ul>li*5) 5、grouping () 6、id and class .className#idName 7、custom attr [attrName="value"] 8、item number $ ul>li$*5 (按顺序) 9、change number @ ul>li.item$@-*5 (按倒序) ul>li.item$@-3*5 (按倒序，最小是3，3是改变开始的顺序) 10、text {} (文本)

上一篇：HTML 中不常用但是很有用的标签

下一篇：Bootstrap学习笔记（二）排版

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注