#markdown常用语法与emmet常用语法

1.markdown常用语法

标题（标题建议最多用三级，不易过深）

用法：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题

（最终markdown会转为html）

---

列表

### 1.无序列表

• list1
• list2
• list3
  • item1
  • item2
  • item3

    无序列表用法(父列表需要- 格式，子列表格式与父列表相同，只需要添加2个空格)：

### 2.有序列表

1. list1
2. list2
3. list3
   3.1 item1
   3.2 item2
   3.3 item3

   有序列表用法(父列表需要1. 格式，子列表格式与父列表相同，只需要添加2个空格)：

---

代码

1.单行代码用法

单行代码需要1个反引号

2.多行代码

多行代码
需要3个反引号

---

表格用法：

星期一	星期二	星期三
学习	学习	学习
学习	学习	学习

---

图片用法：

---

2.emment语法

2.1 快速创建html文档结构，用html:5或者！用tab键补齐

2.2 实现： <div id="box">box</div>

快速实现这段代码 div#box{box}或者 #box{box}加tab键补齐

（实现原理 div是默认标签可以不写，id用#表示，内容用{}包裹）

（#号代表是id， 。代表是class）

2.3 快速生成父子层级效果：

<ul>
  <li><a href="">首页</a></li>
  <li><a href="">教程</a></li>
  <li><a href="">社区</a></li>
</ul>

快速生成 用>

ul>li>a{首页}
ul>li>a{教程}
ul>li>a{社区}

2.4 快速生成兄弟层级效果

<div class="title">站点名称:</div>
<div class="url">php中文网</div>

快速生成 用+

.title{站点名称}+.url{php中文网}

2.5 重复生成： 用*

<ul>
  <li><a href="">首页</a></li>
  <li><a href="">首页</a></li>
  <li><a href="">首页</a></li>
</ul>

快速生成 ul>li*3>a{首页}

2.6 序号： @ $

<ul class="menu">
    <li class="item"><a href="">item1</a></li>
    <li class="item"><a href="">item2</a></li>
    <li class="item"><a href="">item3</a></li>
    <li class="item"><a href="">item4/a></li>
</ul>

快速生成 ul.menu>li.item*4>a{item$}

$:默认是从1开始递增，升序

ul.menu>li.item*4>a{item$@6}

@： 指定起始索引

ul.menu>li.item*4>a{item$@0}

$@0：是从0开始

2.7 五行八列表格：

table>caption{文字标题}+(thead>tr>{title}8)+(tbody>tr5>td{内容}*8)

实现