Zen Coding 学习记录

Zen Coding 是快速编写HTML/CSS的工具。在Notepad++等编辑器下使用可以大大增加代码书写效率。

主要功能组件

Expand Abbreviation  展开缩写

展开缩写的语法规则同CSS选择器相同,当需要展开的元素有多项时用*表示

举例

输入以下代码

div#container>div#slider+div#main>div.news>ul>li*5>a

使用快捷键CTRL+E执行展开缩写功能,效果如下图

Zen Coding 学习记录

Wrap with abbriviation 嵌套代码

使用E*将会在每一行都嵌套该元素

举例

输入以下代码

Zen Coding 学习记录

使用快捷键CTRL+SHIFT+A在弹出的窗口中输入“ul>li*>a

Zen Coding 学习记录

输入完毕后,敲Enter键,效果如下图。

Zen Coding 学习记录

你可能感兴趣的:(学习)