Markdown，你只需要掌握这几个 - 推酷
Markdown，你只需要掌握这几个
为什么使用Markdown？这是一个问题。答案有很多种。比如，不局限于格式啦，比如 .xls 文档得用excel打开吧， .doc 文档得用word打开吧， .xxx 得用xxx打开吧。如果你机子上没有这个软件，岂不是抓瞎了，还能不能愉快的学习了？！因此你需要一种能使用简单的文本编辑器就可以书写，有浏览器就可正常显示的格式或标记，Markdown很适合哦。什么，这个理由不好？那么就权当是装B吧，你说你用Markdown写文档，是不是逼格一下就上去了。（哎，估计也只有我这种新手才用来炫耀，大牛都是不屑的。）
二八定律说：
百分之二十的知识解决百分之八十的问题。
其实你只需要掌握基本语法标记就可以愉快的玩耍了。经过几个月使用Markdown写文档，发现掌握下面这些标记语法，就可以完成日常文档书写了。什么？要画流程图？这些需求对于大部分时间来说，你是用不到的，你只需要建立一个知识储备就好。遇到了想不起来？打开看一下就是了。想记住？对不起，这种事倍功半的事情，还是少做为妙， 毕竟时间是硫酸，管你是什么都能够腐化，只是快慢而已。
那么问题来了，为什么这几个常用的要记住呢？因为这几个是经常使用的，虽然熟能生巧，日久便记住了，但是在熟能生巧的路上总不能天天翻看知识储备吧。太影响效率。何不花一点点时间强行记住，那么在日久记住的道路上，岂不是一路顺风？闲话不多说，来看看你要掌握的语法标记吧。如果你想学习和使用Markdown，我建议：
常用标记 要先花一些时间熟记，后面经常使用的话就会形成习惯了，不过脑的正常书写，跟打字一样；
次常用标记 要有基本的印象，能记住也是可以的；
不常用标记 和 专用标记 just看看就好，等到使用的时候 百度一下，你就知道 。
1. 常用标记
1.1.1 说明
使用 # 表示标题，一级标题使用一个 # ，二级标题使用两个 ## ，以此类推，共有六级标题。
使用 ===== 表示高阶标题，使用 --------- 表示次阶标题。
1.1.2 示例
# 这是一级标题
## 这是二级标题
### 这是三级标题
###### 这是六级标题
这是一级标题
这是二级标题
--------------
这是一级标题
这是二级标题
这是三级标题
这是六级标题
这是一级标题
这是二级标题
1.1.3 注意
# 和标题之间最好加一个空格。不要问我为什么，貌似有时候不会被识别为标题？已经忘记自己为什么要加空格了，也许是任性。
==== 和 ---- 表示标题时，大于等于2个都可以表示。
我通常在标题分级时使用标题标记，这个的用处很明了了。
1.2.1 说明
使用 [TOC] 生成目录。如一开始的目录所示。
1.2.2 示例
1.2.3 注意
如果你的标题都是按照Markdown语法书写的话，可以自动生成层级目录。
我常用 为知笔记 记笔记，可惜 为知笔记 不支持[TOC]标记，一个悲伤的故事。
[TOC] 标记可能只能放在一级标题的前面，视不同的编译器而定。
1.3.1 说明
使用 & 表示引用， && 表示引用里面再套一层引用，依次类推。
1.3.2 示例
& 这是一级引用
&&这是二级引用
&&& 这是三级引用
&这是一级引用
这是一级引用
这是二级引用
这是三级引用
这是一级引用
& 这是一级引用
&&这是二级引用
&&& 这是三级引用
&这是一级引用
这是一级引用
这是二级引用
这是三级引用这是一级引用
1.3.3 注意
如果 & 和 && 嵌套使用的话，从 && 退到 & 时，必须之间要加一个空格或者 & 作为过渡，否则默认为下一行和上一行是同一级别的引用。如示例所示。
引用标记里可以使用其他标记，如：有序列表或无序列表标记，代码标记等。
我通常在 引用别人的话或者某些时候做说明 时使用引用标记，其实我一直拿不准到底什么情况下使用引用标记才是正确的。 如果你知道，我只想说：请务必告诉我。
1.4 代码块
1.4.1 说明
使用```表示代码块。
1.4.2 示例
```javascript
var canvas = document.getElementById(&canvas&);
var context = canvas.getContext(&2d&);
var canvas = document.getElementById(&canvas&);
var context = canvas.getContext(&2d&);
1.4.3 注意
`这个符号是在 Esc 键下面，切换到英文下即可。
```后面的 javascript 表示此段代码为javascript代码，Markdown会自行使用javascript代码颜色渲染。这里也可以不写。PS：谁能够提供一个完整的Markdown可以渲染的语言列表啊，比如：linux命令这里写什么？
本文档所有使用讲解Markdown语法标记示例的地方都是使用代码块标记的。
1.5 行内代码
1.5.1 说明
使用``表示行内代码。
1.5.2 示例
这是`javascript`代码
这是 javascript 代码
1.5.3 注意
本页部分文字中间的英文字母就是使用行内代码标记标记的。
这个的使用场景我也有些模糊。我常在文字间有英文的时候使用，但有时又不知道该不该使用，困扰。 如果你知道，请告诉我。
1.6 导入图片
1.6.1 说明
使用  导入图片。其中：
Alt text 为如果图片无法显示时显示的文字；
/path/to/img.jpg 为图片所在路径；
Optional title 为显示标题。显示效果为在你将鼠标放到图片上后，会显示一个小框提示，提示的内容就是 Optional title 里的内容。
1.6.2 示例
1.6.3 注意
导入的图片路径可以使用绝对路径也可以使用相对路径，建议使用相对路径。
我通常的做法是Markdown文档的同级目录下建立一个pictures文件夹，里面放置所有所需的图片，如果图片多的话，你也可以在pictures文件夹里建立子文件夹归类。
1.7.1 说明
使用 1. 2. 3. 表示有序列表，使用 * 或 - 或 + 表示无序列表。
1.7.2 示例
例1：有序列表
例2：无序列表
1.7.3 注意
无序列表或有序列表标记和后面的文字之间要有一个空格隔开。
有序列表标记不是按照你写的数字进行显示的，而是根据当前有序列表标记所在位置显示的，如示例1所示。
无序列表的项目符号是按照实心圆、空心圆、实心方格的层级关系递进的，如例2所示。通常情况下，同一层级使用同一种标记表示，便于自己查看和管理。
无序列表和有序列表标记的使用场景也很明了，故不多说。
1.8 粗体和斜体
1.8.1 说明
使用 ** 或者 __ 表示粗体。
使用 * 或者 _ 表示斜体。
1.8.2 示例
粗体1 粗体2
斜体1 斜体2
1.8.3 注意
前后的 * 或 _ 与要 加粗或倾斜 的字体之间不能有空格。
我通常在强调时使用加粗标记，在和一行中的加粗区分且也表示强调时使用倾斜标记，这里的倾斜标记的使用场景不明确。 如果你知道：请务必告诉我。
1.9.1 说明
具体使用方式请看示例。
------: 为右对齐。
:------ 为左对齐。
:------: 为居中对齐。
------- 为使用默认居中对齐。
1.9.2 示例
:---------
可以通过此交易查询到所有交易码和菜单的对应关系
编译所有交易
数据库表模型汇总
可以通过此交易查询到所有交易码和菜单的对应关系
编译所有交易
数据库表模型汇总
1.9.3 注意
每个Markdown解析器都不一样，可能左右居中对齐方式的表示方式不一样。
1.10 分割线
1.10.1 说明
使用 --- 或者 *** 或者 * * * 表示水平分割线。
1.10.2 示例
1.10.3 注意
只要 * 或者 - 大于等于三个就可组成一条平行线。
使用 --- 作为水平分割线时，要在它的前后都空一行，防止 --- 被当成标题标记的表示方式。
1.11.1 说明
使用 [](link &Optional title&) 表示行内链接。其中：
[] 内的内容为要添加链接的文字。
link 为链接地址。
Optional title 为显示标题。显示效果为在你将鼠标放到链接上后，会显示一个小框提示，提示的内容就是 Optional title 里的内容。
参考式链接如例所示。
1.11.2 示例
例1：行内链接
这就是我们常用的地址：[Baidu]( &百度一下，你就知道& )
这就是我们常用的地址：Baidu
例2：参考式链接
这就是我们常用的地址：[Baidu][1]
[1]: &百度一下，你就知道&
这就是我们常用的地址：Baidu
1.11.3 注意
参考式链接和行内链接的效果是一样的，各有利弊。行内连接清晰易懂，可以清楚的知道链接的地址，但是不便于多次利用。参考式链接可以重复使用，但不能即刻知道链接的地址。
使用场景很明了，不多说。
1.11 反斜杠
1.11.1 说明
使用 \ 表示反斜杠。在你不想显示Markdown标记时可以使用反斜杠。
1.11.2 示例
\*这里不会显示斜体\*
*这里不会显示斜体*
1.11.3 注意
1.12.1 说明
Markdown语法会忽略首行开头的空格，如果要体现出首行开头空两个的效果，可以使用 全角符号下的空格 ，windows下使用 shift+空格 切换。
1.12.2 示例
1.12.3 注意
2. 次常用标记
#### 2.1 标签分类
2.1.1 说明
使用 标签: 或者 Tags: 表示标签标记。
2.1.2 示例
标签: 数学 英语
Tags: 数学 英语
标签: 数学 英语Tags: 数学 英语
2.1.3 注意
标签: 或者 Tags: 的冒号要使用半角冒号。
基本没使用过这个标记，不过应用场景应该是归类。便于快速了解文章分类。难道可以通过某种方式来遍历到标签标记？不甚了解。 如你知道：请告诉我。
2.2 删除线
2.2.1 说明
使用 ~~ 表示删除线。
2.2.2 示例
~~这是一条删除线~~
这是一条删除线
2.2.3 注意
注意 ~~ 和 要添加删除线的文字之间不能有空格。
我常使用在显示的告诉自己这行文字是要删除的。
2.3.1 说明
使用 [^footer] 表示注脚。
2.3.2 示例
这是一个注脚测试[^footer1]。
[^footer1]: 这是一个测试，用来阐释注脚。
这是一个注脚测试[^footer1]。
2.3.3 注意
我常在需要解释一个名词，或者一本书，或者一个人时使用脚注标记。
3. 不常用标记
3.1 实现页内跳转
3.1.1 说明
使用html代码实现页内跳转。在要跳转到的位置定义个锚 &span id = &jump&&hehe&/span& ，然后使用 [你好](#jump) 将 你好 设置为一单击即跳转到 hehe 所在位置的效果。
3.1.2 示例
[你好](#jump)
&span id = &jump&&hehe&/span&
3.1.3 注意
4. 专项使用标记
4.1 流程图
以后在总结吧，现在的我完全没有使用上，没有需求就先不总结了。
4.2 LaTeX公式
以后在总结吧，现在的我完全没有使用上，没有需求就先不总结了。
写在后面的话
[TOC]不支持呀不支持，看不到效果了。
谁有什么好的方式在博客园中更好的显示Markdown，像
以上都是我学习到的，然后经过几个月的使用总结的，针对我的常用非常用分类。如果有描述的不对的地方，欢迎批评指正，共同进步。
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致DIV+CSS中让布局、背景图片、文字内容居中的方法
作者：佚名
字体：[ ] 来源：互联网 时间：10-09 11:55:49
这篇文章主要为大家介绍了在DIV+CSS布局的页面里，让布局、背景图片、文字内容居中的方法，从布局内容到页面里文章文字居中都是非常重要的，而css来设置居中也是非常简单的，详情请看下文
　　在DIV CSS布局的页面里，从布局内容到页面里文章文字居中都是非常重要的，而css来设置居中也是非常简单的。
　　1、首先介绍使用css属性让整体布局的居中：
　　设置对象的父级内容居中，这里一个页面的为父级是什么呢？我们可以想象整个页面的内容是由&html&&/html&和&body&&/body&这两个包含，那根据较近父级我们就设置body的CSS来实现居中问题，可以向在内容里居中有text-align:具体css的居中代码为：
　　body{text-aligh: }& 但是即使这样也会出现问题，因为你没有设置布局有多宽&width& &，一旦你内容布局中在最外层css控制中，设置了float:属性，那布局将会向你设置的float:方向靠，解决方法，除了设置body的居中的css属性外，还需对布局对象设置居中 ，而且或定义宽度是多少，假如网页宽度为700px，最外层css样式为的class=&weicheng&，那设置应该这样&.weicheng{margin:0 width:700}& &即可而这个元素在IE下有用，经过试验在火狐等浏览器下只除了此父级（body）设置text-aligh:居中 是无法让布局居中，那我们还需要对该对象设置个&margin:0& &这个是什么意思呢，意思是内容上下为0距离，而左右为&auto& &自动，这样就可以设置实现网页布局居中(这里设置margin:5 一样效果不影响实验)。完整实例为（可将代码拷贝新建html文件浏览观看效果）：
代码如下:　　&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&　　&html xmlns="http://www.w3.org/1999/xhtml"&　　&head&　　&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&　　&title&www.jb51.nte的CSS div的布局居中实例&/title&　　&style type="text/css"&　　&!--　　body{ text-align: }　　.waicheng {color: #0066CC; margin:5 width:700height:200 border:1px solid #000000;}　　--&　　&/style&　　&/head&　　&body&　　&div class="waicheng"&我是css中的居中的实验;我的布局外层有一个边为1px黑色边，我宽700px，高为200px,设置了与顶部内容距离为5PX&/div&　　&/body&　　&/html&
　　2、介绍使用css属性让网页的背景居中：
　　这里居中就包括了左右居中与上下居中，居中代码如下：
　　body{BACKGROUND:& #FFF url(） no-}& //这段话意思就是让css-logo.gif这个图片设置背景不重复（no-repeat ），并将居中（center）这个居中是左右居中，而垂直不需要设置，自动会居中。
　　3、css让介绍文字、图片内容左右上下居中方法教程：
　　我们知道左右就中好办，直接用text-align: 即可让文字与图片内容居中，但是垂直呢，假如我们在高度为120px的高度下垂直居中，图片居中是vertical-align:css属性，文字居中就要靠设置行高方法居中文字内容，这里我们设置为120px的高度这需要设置个line-height:120这样就通过css属性类样式来实现文字与图片的上下左右居中。
　　整个网站居中的代码如下：
代码如下:　　&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&　　&html xmlns="http://www.w3.org/1999/xhtml"&　　&head&　　&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&　　&title&www.www.jb51.net/的CSS div的完整居中实例&/title&　　&style type="text/css"&　　&!--　　body{ text-align: margin:0　　background:url(http://www.jb51.net/img/css-logo.gif) no-}　　.waicheng {color: #0066CC; margin:5width:700 height:120 line-height:120 border:1px solid #000000; }　　.waicheng img {vertical-align:}　　--&　　&/style&　　&/head&　　&body&　　&div class="waicheng"&我是css中的居中的完整居中实例;我的布局外层有一个边为1px　　&img src="http://www.www.jb51.net//img/css-logo.gif" alt="图片内容居中" /&&/div&　　&/body&　　&/html&
　　以上就是利用DIV+CSS中让布局居中、背景图片居中、文字内容居中的代码，谢谢阅读，希望能帮到大家，请继续关注脚本之家，我们会努力分享更多优秀的文章。
大家感兴趣的内容
12345678910
最近更新的内容网页html代码大全_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
网页html代码大全
上传于||暂无简介
阅读已结束，如果下载本文需要使用2下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩52页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢