分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshowjavascript
也欢迎你们转载本篇文章。分享知识,造福人民,实现咱们中华民族伟大复兴!css
静态定位:html
HTML元素的默认值,即没有定位,元素出如今正常的流中。java
静态定位的元素不会受到top, bottom, left, right影响。node
固定定位:元素的位置相对于浏览器窗口是固定位置。git
即便窗口是滚动的它也不会移动:github
.middle{ position:absolute; top:50%; left:50%;}
相对定位:web
层级关系为:浏览器
<div ——————————— position:relative; 不是最近的祖先定位元素,不是参照物
<div—————————-没有设置为定位元素,不是参照物
<div———————- position:relative 参照物
<div box1
<div box2 ——–position:absolute; top:50px; left:120px;
<div box3
效果图:app
为改变参照物(橘色框)后的效果
层级关系为:
<div ——————————— position:relative;最近的祖先定位元素,参照物
<div—————————-没有设置为定位元素,不是参照物
<div———————-没有设置为定位元素,不是参照物
<div box1
<div box2 ——–position:absolute; top:50px; left:120px;
<div box3
效果图:
参照物为最顶级的元素状况。
层级关系为:
<div ———————————没有设置为定位元素,不是参照物
<div—————————-没有设置为定位元素,不是参照物
<div———————-没有设置为定位元素,不是参照物
<div box1
<div box2 ——–position:absolute; top:50px; left:120px;
<div box3
效果图:
仅使用margin属性布局绝对定位元素的状况
此状况,margin-bottom 和margin-right的值再也不对文档流中的元素产生影响,由于该元素已经脱离了文档流。另外,无论它的祖先元素有没有定位,都是以文档流中原来所在的位置上偏移参照物。
图9中,使用margin属性布局相对定位元素。
层级关系为:
<div ——————————— position:relative; 不是参照物
<div—————————-没有设置为定位元素,不是参照物
<div———————-没有设置为定位元素,不是参照物
<div box1
<div box2 ——–position:absolute; margin-top:50px; margin-left:120px;
<div box3
效果图:
IE6的状况下,box2前面没有兄弟节点,则margin-left的值会出现双倍边距,见图10。
层级关系为:
<div ——————————— position:relative; 不是参照物
<div—————————-没有设置为定位元素,不是参照物
<div———————-没有设置为定位元素,不是参照物
<div box1
<div box2 ——–position:absolute; margin-top:50px; margin-left:60px;
<div box3
效果图:
咱们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,咱们增长了以下几点新功能,帮助你用它写博客:
撤销:Ctrl/Command + Z
重作:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入连接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,咱们支持6级标题。有助于使用TOC
语法后生成一个完美的目录。
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024.
连接: link.
图片:
带尺寸的图片:
固然,咱们为了让用户更加便捷,咱们增长了图片拖拽功能。
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展现一样高亮的 代码片
.
// An highlighted block var foo = 'bar';
一个简单的表格是这么建立的:
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
使用:---------:
居中
使用:----------
居左
使用----------:
居右
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:
TYPE | ASCII | HTML |
---|---|---|
Single backticks | 'Isn't this fun?' |
‘Isn’t this fun?’ |
Quotes | "Isn't this fun?" |
“Isn’t this fun?” |
Dashes | -- is en-dash, --- is em-dash |
– is en-dash, — is em-dash |
一个具备注脚的文本。2
Markdown将文本转换为 HTML。
您能够使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展现 是经过欧拉积分
你能够找到更多关于的信息 LaTeX 数学表达式here.
gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section 现有任务 已完成 :done, des1, 2014-01-06,2014-01-08 进行中 :active, des2, 2014-01-09, 3d 计划一 : des3, after des2, 5d 计划二 : des4, after des3, 5d
能够使用UML图表进行渲染。 Mermaid. 例以下面产生的一个序列图::
这将产生一个流程图。:
咱们依旧会支持flowchart的流程图:
若是你想尝试使用此编辑器, 你能够在此篇文章任意编辑。当你完成了一篇文章的写做, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
若是你想加载一篇你写过的.md文件或者.html文件,在上方工具栏能够选择导入功能进行对应扩展名的文件导入,
继续你的创做。
注脚的解释 ↩︎