博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
sublime中Emment插件用法
阅读量:5882 次
发布时间:2019-06-19

本文共 829 字,大约阅读时间需要 2 分钟。

---恢复内容开始---

注:所有命令生效按Tab

 

搭建框架:

html:5

嵌套操作,

1 使用>生成子元素
div>ul>li
tr>td *3 生成三个td标签

2、使用“+”生成兄弟元素

div+p+h1
<div>
<p>
<h1>

3、使用^生成父元素

div>p>span+h1^a
<div>
  <p>
    <span></span>
    <h1></h1>
  </p>
  <a href=""></a>
</div>

4.使用“()”将元素分组(可以一次创建页面框架)

div>(header>ul>li*2)+footer>p
<div>
  <header>
    <ul>
      <li></li>
      <li></li>
    </ul>
  </header>
  <footer>
    <p></p>
  </footer>
</div>

属性操作(#表示id . 表示class)

div#header+div.page+div

使用[]标记其他属性

td[title='hello' colspan=3]

使用$符号实现1到n的自动编号

li.item$*3
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
可以在$后面添加@n 修改编号的起始值
li.item$@3*3
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>

可以使用{}添加文本内容

a[href=me.html]{click me}
<a href="me.html">click me </a>

---恢复内容结束---

转载于:https://www.cnblogs.com/zidian1983/p/9403814.html

你可能感兴趣的文章
Ansible自动化运维亲身经验之谈
查看>>
python 高阶函数:map、reduce
查看>>
css图片整合
查看>>
使用阿里云ACM简化你的Spring Cloud微服务环境配置管理
查看>>
修改默认view
查看>>
去中心化、中介化的区块链技术
查看>>
对话DeepMind创始人:建立通用人工智能
查看>>
linux中awk工具的使用
查看>>
我在51CTO微职位学软考——我是mata宇我为自己代言
查看>>
POJ 1852 Ants
查看>>
python
查看>>
SIEM在PCI DSS和安全等级保护合规性中的作用
查看>>
MySQL技术综合
查看>>
Linux就该这么学-第五课
查看>>
好程序员前端分享使用JS开发简单的音乐播放器
查看>>
奥马冰箱:用设计创新突破行业“天花板”
查看>>
Oracle Database 11g SQL开发指南
查看>>
ACM一些小的注意事项 持续更新ing
查看>>
Go语言之单元测试
查看>>
查找字符串里出现次数最多的字符。(map的遍历方法)
查看>>