phpstorm使用zen coding 快速编辑补全html/css代码
来源:互联网 发布:开淘宝店需要上传照片 编辑:程序博客网 时间:2024/05/18 03:42
百科定义:
使用仿CSS选择器的语法来快速开发HTML和CSS ——由Sergey Chikuyonok开发。
Zen Coding由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。类型列表
1、元素名称
2、元素#ID
3、元素.样式名
4、元素>子元素
5、元素+平级兄弟元素
6、元素*N批量倍增
7、元素$*N条目编号
如何使用?
输入规则后,在最后一个字符后面按tab键即可
元素名称
div
<div></div>
元素#ID
div#userList
<div id="userList"></div>
元素.样式名
p.title
<p class="title"></p>
元素>子元素
ul>li
<ul>
<li></li>
</ul>
元素+平级兄弟元素
div+p+h1
<div></div><p></p><h1></h1>
元素*N批量倍增
div*5
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
元素$*N条目编号
div#id-$*5
<div id="id-1"></div>
<div id="id-2"></div>
<div id="id-3"></div>
<div id="id-4"></div>
<div id="id-5"></div>
综合案例
div#container>div.left>ul>li#id$*5+div.right>div>h1.title+div.description+div.content>div.page>ul>li*5
结果:
<div id="container"><div class="left">
<ul>
<li id="id1"></li>
<li id="id2"></li>
<li id="id3"></li>
<li id="id4"></li>
<li id="id5"></li>
<div class="right">
<div>
<h1 class="title"></h1>
<div class="description"></div>
<div class="content">
<div class="page">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
阅读全文
0 0
- phpstorm使用zen coding 快速编辑补全html/css代码
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding 快速编写HTML/CSS代码的实现
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- Zen Coding 快速编写HTML/CSS代码的实现
- Zen Coding 快速编写html/Css 工具
- 快速书写html代码---Zen Coding
- Zen Coding快速编写HTML代码
- Zen Coding的一种快速编写HTML/CSS代码的方法
- CCF 2016 工资计算C++,Java,工资计算解题思路
- 音视频封装格式、编码格式知识
- 一级指针
- Android内置音频文件
- js 数组去重
- phpstorm使用zen coding 快速编辑补全html/css代码
- FLV视频文件格式分析
- spark standalone深入学习-核心概念\启动过程\服务down掉说明
- Oracle的取整和四舍五入函数——floor,round,ceil,trunc使用说明
- 提升自我认知第一天
- windows 下 apache 部署 django python3.6
- 修复Steam游戏库路径关联
- MYSQL慢日志探索
- 一级指针简单应用