<!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. javascript 获取页面的高度及滚动条的位置的代码

    http://www.jb51.net/article/23331.htm javascript 获取页面的高度及滚动条的位置的代码 作者: 字体:[增加 减小] 类型:转载   javascript ...

  2. Mac node.js express-generator脚手架安装

    前言 由于本人在学习NodeJs的express框架时,在Mac电脑上安装express遇到了一个深痛的坑点,特写此文来记录.该坑点的解决方案我在国内的度娘没有找到,问别人也没有方案,最后通过goog ...

  3. C语言基础知识(五)——数组与指针的等价表示

    void f(void) { int * p; int a[3] = {1,2,3}; p = a; printf("%d %d", a[0], p[0], *(a+1), *(p ...

  4. json和数组

    接触数组: 1.数组的定义方法    var arr = [1,2,3,4,5];    var arr = new array();此处括号内可以填写数组的元素,或者直接填写元素的个数.2.数组中各 ...

  5. 使用OS模块来获取文件路径

    1.os模块概述 Python os模块包含普遍的操作系统功能.如果你希望你的程序能够与平台无关的话,这个模块是尤为重要的. 2.常用方法 os.getcwd() 函数得到当前工作目录,即当前Pyth ...

  6. Intellij IDEA 2020.1.1 破解 永久有效 亲测100%成功

    申明:本教程 WebStorm 破解补丁.激活码均收集于网络,请勿商用,仅供个人学习使用,如有侵权,请联系作者删除. 前言 作为一个有强迫症的码农,怎么能忍受自己的开发工具跟不上潮流呢?笔者以前一直用 ...

  7. Dubbo源码阅读-服务导出

    Dubbo服务导出过程始于Spring容器发布刷新事件,Dubbo在接收到事件后,会立即执行服务导出逻辑.整个逻辑大致可分为三个部分,第一部分是前置工作,主要用于检查参数,组装URL.第二部分是导出服 ...

  8. python异常1

    异常的层次结构: BaseException [所有异常的基类] +-- SystemExit [解释器请求退出] +-- KeyboardInterrupt [用户中断执行(通常是输入^C)] +- ...

  9. Bank5

    Account: package banking5; //账户 public class Account { protected double balance; public Account(doub ...

  10. 重学 Java 设计模式：实战单例模式

    作者:小傅哥 博客:https://bugstack.cn 沉淀.分享.成长,让自己和他人都能有所收获! 一.前言 5个创建型模式的最后一个 在设计模式中按照不同的处理方式共包含三大类:创建型模式.结 ...