博主信息
博文 1
粉丝 0
评论 0
访问量 489
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
#markdown常用语法与emmet常用语法
飞越
原创
489人浏览过

1.markdown常用语法

标题(标题建议最多用三级,不易过深)

用法:

  1. # 一级标题
  2. ## 二级标题
  3. ### 三级标题
  4. #### 四级标题

(最终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.多行代码

  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 快速生成父子层级效果:

  1. <ul>
  2. <li><a href="">首页</a></li>
  3. <li><a href="">教程</a></li>
  4. <li><a href="">社区</a></li>
  5. </ul>

快速生成 用>

  1. ul>li>a{首页}
  2. ul>li>a{教程}
  3. ul>li>a{社区}

2.4 快速生成兄弟层级效果

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

快速生成 用+

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

2.5 重复生成: 用*

  1. <ul>
  2. <li><a href="">首页</a></li>
  3. <li><a href="">首页</a></li>
  4. <li><a href="">首页</a></li>
  5. </ul>

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

2.6 序号: @ $

  1. <ul class="menu">
  2. <li class="item"><a href="">item1</a></li>
  3. <li class="item"><a href="">item2</a></li>
  4. <li class="item"><a href="">item3</a></li>
  5. <li class="item"><a href="">item4/a></li>
  6. </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)

实现

批改老师:PHPzPHPz

批改状态:合格

老师批语:二级、三级标题用起来
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学