<!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. MySQL（5）— 常用函数

    五.MySQL常用函数 可参考[官网文档]https://dev.mysql.com/doc/refman/8.0/en/ 5-1.基本函数 数学运算: -- 数学运算 SELECT ABS(-8) ...

  2. Python创建一个简单的区块链

    区块链(Blockchain)是一种分布式账本(listributed ledger),它是一种仅供增加(append-only),内容不可变(immutable)的有序(ordered)链式数据结构 ...

  3. 纯python自研接口自动化脚本更新版本，让小白也能实现0到1万+的接口自动化用例

    查看完整文章点击原文链接:纯python自研接口自动化脚本更新版本,让小白也能实现0到1万+的接口自动化用例 你是否还在用postman\jmeter做接口自动化吗?用python的开源框架[unit ...

  4. python-基站位置查询

    本文采用的接口是聚合数据提供的 python2.7环境,3.x环境试了下好像不支持,获取位置信息为空 如下为运用代码: #coding=utf-8 ''' Created on 2019年9月18日 ...

  5. 测试开发专题:spring-boot如何使用JPA进行双向一对多配置

    本片文章我们主要介绍spring-boot如何进行JPA的配置以及如何进行实体间的一对多配置. 依赖准备 要在spring-boot使用jpa需要在项目中有进入相关的依赖,pom文件里加入下面内容 & ...

  6. JavaScript的基础语法及DOM元素和事件

    一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...

  7. [不得不知道系列]Java线程面试你不得不知道的基础知识一

    Java内存管理面试指南一 Java基础面试指南一 Java基础面试指南二 Java基础面试指南三 Java基础面试指南四 Java线程面试指南一 Java线程面试指南二 Redis面试指南一 Kaf ...

  8. 基于 abp vNext 和 .NET Core 开发博客项目 - 使用Redis缓存数据

    上一篇文章(https://www.cnblogs.com/meowv/p/12943699.html)完成了项目的全局异常处理和日志记录. 在日志记录中使用的静态方法有人指出写法不是很优雅,遂优化一 ...

  9. 【JUC】如何理解线程池？第四种使用线程的方式

    线程池的概念 线程池的主要工作的控制运行的线程的数量,处理过程种将任务放在队列,线程创建后再启动折现任务,如果线程数量超过了最大的数量,则超过部分的线程排队等待,直到其他线程执行完毕后,从队列种取出任 ...

  10. C/C++多参数函数参数的计算顺序与压栈顺序

    一.前言 今天在看Thinking in C++这本书时,书中的一个例子引起了我的注意,具体是使用了下面这句 单看这条语句的语义会发现仅仅是使用一个简单的string的substr函数将所得子串pus ...