<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ement 学习</title>
<link type="text/css" rel="stylesheet" href="Styles/SyntaxHighlighter.css"></link>
<script class="javascript" src="Scripts/jquery.js"></script>
<script class="javascript" src="Scripts/shCore.js"></script>
<style type="text/css">
body{ margin: 0;padding: 0;font-family: "微软雅黑";overflow: hidden;}
body,html{width: 100%;height: 100%;}
ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5{font-size: 12px;font-weight: 100;padding: 0;margin: 0;}
*{text-decoration: none;list-style: none;}
img{border: 0px;}

.ement-title{
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
align-content: flex-start;
background-color: #E7E5DC;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
border-bottom: 3px solid #6CE26C;
}
.ement-title em{
font-style: normal;
line-height: 30px;
}
.article_content{
height: 100%;
overflow: auto;
}
.article_content .dp-highlighter{
margin-top: 0 !important;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$(".article_content pre").each(function () {
var $this = $(this);
if ($this.attr("class").indexOf("brush:") != -1) {
var lang = $this.attr("class").split(';')[0].split(':')[1];
$this.attr('name', 'code');
$this.attr('class', lang);
}
});
dp.SyntaxHighlighter.HighlightAll('code');
});
</script>
</head>
<body>
<div class="article_content">
<blockquote class="ement-title"><em>后代：></em><em>缩写：nav>ul>li</em></blockquote>
<pre name="code" class="html" >
<nav>
<ul>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</nav>
</pre>
<blockquote class="ement-title"><em>兄弟：+</em><em>缩写div+p+bq</em></blockquote>
<pre name="code" class="html">
<div></div>
<p></p>
<blockquote></blockquote>
</pre>
<blockquote class="ement-title"><em>上级：^</em><em>缩写：div+div>p>span+em^bq</em></blockquote>
<pre name="code" class="html">
<div></div>
<div>
<p><span></span><em></em></p>
<blockquote></blockquote>
</div>
</pre>
<blockquote class="ement-title"><em></em><em>缩写：div+div>p>span+em^^bq</em></blockquote>
<pre name="code" class="html">
<div></div>
<div>
<p><span></span><em></em></p>
</div>
<blockquote></blockquote>
</pre>
<blockquote class="ement-title"><em>分组：( )</em><em>缩写：div>(header>ul>li*2>a)+footer>p</em></blockquote>
<pre name="code" class="html">
<div>
<header>
<ul>
<li>
<a href=""></a>
<a href=""></a>
<a href=""></a>
</li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
</pre>
<pre name="code" class="html">
<div>
<dl>
<dt>003</dt>
<dd>001</dd>
<dt>004</dt>
<dd>002</dd>
<dt>005</dt>
<dd>003</dd>
</dl>
</div>
<foot>
<p></p>
</foot>
</pre>
<blockquote class="ement-title"><em>乘法：*</em><em>缩写：ul>li*5</em></blockquote>
<pre name="code" class="html">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</pre>
<blockquote class="ement-title"><em>自增符号：$</em><em>缩写：ul>li.item$*5</em></blockquote>
<pre name="code" class="html">
<ul>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
<li class="item6"></li>
<li class="item7"></li>
</ul>
</pre>
<blockquote class="ement-title"><em>缩写：h$[title=item$]{Header $}*3</em></blockquote>
<pre name="code" class="html">
<h1 title="item1">Header 1</h1>
<h2 title="item2">Header 2</h2>
<h3 title="item3">Header 3</h3>
</pre>
<blockquote class="ement-title"><em>缩写：ul>li.item$$$*5</em></blockquote>
<pre name="code" class="html">
<ul>
<li class="item001"></li>
<li class="item002"></li>
<li class="item003"></li>
<li class="item004"></li>
<li class="item005"></li>
</ul>
</pre>
<blockquote class="ement-title"><em>缩写：ul>>li.item$@-*5</em></blockquote>
<pre name="code" class="html">
<ul>
<li class="item5"></li>
<li class="item4"></li>
<li class="item3"></li>
<li class="item2"></li>
<li class="item1"></li>
</ul>
</pre>
<blockquote class="ement-title"><em>缩写：ul>li.item$@3*5</em></blockquote>
<pre name="code" class="html">
<ul>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
<li class="item6"></li>
<li class="item7"></li>
</ul>
</pre>
<blockquote class="ement-title"><em>ID和类属性</em><em>缩写：#header .title form#search.wide p.class1.class2.class3</em></blockquote>
<pre name="code" class="html">
<div id="header"></div>
<div class="title"></div>
<form action="" id="search" class="wide"></form>
<p class="class1 class2 class3"></p>
</pre>
<blockquote class="ement-title"><em>自定义属性</em><em>缩写：p[title="hello world"] td[rowspan=2 colspan=3] [a='value1' b='value2']</em></blockquote>
<pre name="code" class="html">
<p title="hello world"></p>
<table>
<tr>
<td rowspan="2" colspan="3"></td>
</tr>
</table>
<div a="value1" b="value2"></div>
</pre>
<blockquote class="ement-title"><em>文本：{ }</em><em>缩写：a{Click me} p>{click}+a{here}+{to continue}</em></blockquote>
<pre name="code" class="html">
<a href="">Click me</a>
<p>Click<a href="">Here</a>To Continue</p>
</pre>
<blockquote class="ement-title"><em>隐式标签</em><em>缩写：.class</em><em>ul>.class</em><em>table>.row>.col</em></blockquote>
<pre name="code" class="html">
<em><span class="cls"></span></em>
<ul>
<li class="cls"></li>
</ul>
<table>
<tr class="row">
<td class="col"></td>
</tr>
</table>
</pre>
<blockquote class="ement-title"><em>常见的标签</em></blockquote>
<pre name="code" class="html">
<br>
<hr>
<a href=""></a>
<a href="http://"></a>
<link rel="stylesheet" href="">
<link rel="stylesheet" href="style.css">
<meta>
<style></style>
<script></script>
<script src=""></script>
<img src="" alt="">
<form action=""></form>
<form action="" method="get"></form>
<form action="" method="post"></form>
<lable></lable>
<input type="text">
<input type="hidden" name="">
<input type="checkbox" name="" id="">
<input type="radio" name="" id="">
<input type="file" name="" id="">
<input type="button" value="">
<select name="" id=""></select>
<textare></textare>
<btn:b></btn:b>
<button type="reset"></button>
<button type="submit"></button>
</pre>
</div>
</body>
</html>

Ement 学习的更多相关文章

  1. 从直播编程到直播教育：LiveEdu.tv开启多元化的在线学习直播时代

    2015年9月,一个叫Livecoding.tv的网站在互联网上引起了编程界的注意.缘于Pingwest品玩的一位编辑在上网时无意中发现了这个网站,并写了一篇文章<一个比直播睡觉更奇怪的网站:直 ...

  2. Angular2学习笔记（1）

    Angular2学习笔记(1) 1. 写在前面 之前基于Electron写过一个Markdown编辑器.就其功能而言,主要功能已经实现,一些小的不影响使用的功能由于时间关系还没有完成:但就代码而言,之 ...

  3. ABP入门系列（1）——学习Abp框架之实操演练

    作为.Net工地搬砖长工一名,一直致力于挖坑(Bug)填坑(Debug),但技术却不见长进.也曾热情于新技术的学习,憧憬过成为技术大拿.从前端到后端,从bootstrap到javascript,从py ...

  4. 消息队列——RabbitMQ学习笔记

    消息队列--RabbitMQ学习笔记 1. 写在前面 昨天简单学习了一个消息队列项目--RabbitMQ,今天趁热打铁,将学到的东西记录下来. 学习的资料主要是官网给出的6个基本的消息发送/接收模型, ...

  5. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  6. Unity3d学习 制作地形

    这周学习了如何在unity中制作地形,就是在一个Terrain的对象上盖几座小山,在山底种几棵树,那就讲一下如何完成上述内容. 1.在新键得项目的游戏的Hierarchy目录中新键一个Terrain对 ...

  7. 《Django By Example》第四章 中文 翻译 （个人学习，渣翻）

    书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:祝大家新年快乐,这次带来<D ...

  8. 菜鸟Python学习笔记第一天：关于一些函数库的使用

    2017年1月3日 星期二 大一学习一门新的计算机语言真的很难,有时候连函数拼写出错查错都能查半天,没办法,谁让我英语太渣. 关于计算机语言的学习我想还是从C语言学习开始为好,Python有很多语言的 ...

  9. 多线程爬坑之路-学习多线程需要来了解哪些东西?(concurrent并发包的数据结构和线程池,Locks锁，Atomic原子类)

    前言:刚学习了一段机器学习,最近需要重构一个java项目,又赶过来看java.大多是线程代码,没办法,那时候总觉得多线程是个很难的部分很少用到,所以一直没下决定去啃,那些年留下的坑,总是得自己跳进去填 ...

随机推荐

  1. Angular 服务对象的作用范围

    1.高阶话题:服务对象的作用范围 声明服务提供者的方式: 方式1:在根模块中提供服务对象-----在整个应用中服务是单例 @Injectable({ providedIn:'root' }) expo ...

  2. 3.11 Go Struct结构体

    3.11 Go Struct结构体 Golang支持OOP面向对象编程. Go的结构体struct如同python的class. Go基于struct实现OOP特性,只有组合composition这个 ...

  3. VMware 安装 CentOS 7

    下载并安装 VMware 访问 VMware 官方网站下载 VMware 安装包程序.博主使用的是 12.5.5 版本,下载完之后点击安装包程序进入 VMware 的安装向导,然后点击"下一 ...

  4. codis原理及部署_01

    一.codis介绍 Codis是一个分布式Redis解决方案,对于上层的应用来说,连接到Codis Proxy和连接原生的RedisServer没有明显的区别,有部分命令不支持 Codis底层会处理请 ...

  5. php IE中文乱码

    echo mb_convert_encoding("你是我的朋友", "big5", "GB2312"); 详细出处参考:http://ww ...

  6. Java的集合（一）

    转载:https://blog.csdn.net/hacker_zhidian/article/details/80590428 Java集合概况就三个:List.set和map list(Array ...

  7. POJ3169

    题目链接:http://poj.org/problem?id=3169 AC思路: spfa算法. 设各牛的位置为x[ ]. 对于感情好的牛,即第2到ML+1行:A B D, 有x[B] - x[A] ...

  8. Text Reverse（hdu1062）

    输入方式:先输入整数,再循环输入字符串. 思考:字符串中有空格.那么要在字符串大循环输入前,首先,用"getchar()"函数读取scanf_s()函数缓冲区的空格或者空行或者换行 ...

  9. Linux centos 7 目录结构

    一.目录结构与用途: /boot:系统引导文件.内核 /bin:用户的基本命令 /dev:设备文件 /etc:配置文件 /home:用户目录 /root:root用户目录 /sbin:管理类的基本命令 ...

  10. C# HttpClient 使用 Consul 发现服务

    试用了Overt.Core.Grpc, 把 GRPC 的使用改造得像 WCF, 性能测试也非常不错, 非常推荐各位使用. 但已有项目大多是 http 请求, 改造成 GRPC 的话, 工作量比较大, ...