<!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. vue + typescript，定义全局变量或者方法

    众所周知,在 vue中,如果想定义一个全局变量的方法很简单,直接在 vue的原型上挂载属性或者方法即可. 但是,加上了typescript之后, Vue.prototype.$xxx = xxx  这 ...

  2. Gym101612H Hidden Supervisors

    题目链接:https://vjudge.net/problem/Gym-101612H 知识点: 贪心 解题思路: 我们称除了以 \(1\) 号结点为根的树以外的树为 “其他树”. 对于每一棵树,先自 ...

  3. UVALive5846

    题目大意:见刘汝佳<算法竞赛入门经典——训练指南>P173. 解题思路: 如果要直接求所有单色三角形的个数似乎不简单,正难则反,先求出所有非单色三角形 cnt,answer = C(n,3 ...

  4. Centos 安装 Anaconda

    # 首先从 Anaconda 官网下载 anaconda Linux 64Bit 版本命令行安装包 $ wget https://repo.continuum.io/archive/Anaconda3 ...

  5. opencv3学习1：opencv3.4.10与vs2017环境配置

    原教程网址:https://jingyan.baidu.com/article/dca1fa6f13bd55f1a44052b9.html 具体教程网上很多,我也相信大家的搜素能力,作为一个初入C++ ...

  6. 转载 配置vue项目

    Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星,足以说明其以悄然成为主流.16年10月Vue发布了2.x版本,经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本 ...

  7. Python之Flask框架一

    flask是一个使用 Python 编写的轻量级 Web 应用框架.轻巧页就意味着他比较简洁,不过见到的MTV框架还是有的,(MVC)但是最重要的还是他的可扩展性很强,对比与Django框架呢,他的灵 ...

  8. JAVA自学笔记（4）

    发现JAVA的有趣 Day1 继承不是"继承" 1.0 继承的格式 public class FU { public void method() { System.out.prin ...

  9. MongoDB学习（一） 安装与基本使用

    链接:https://pan.baidu.com/s/1ogTDFJg3ZZc0CyzaTeswWg 提取码:2k0p 安装 // 将压缩包解压到指定目录 [bigdata@linux backup] ...

  10. MFC---编辑框控件

    1.编辑框内允许多行输入,或者说是允许敲回车 编辑框属性里将multiline设置为TRUE或者将Want Return设置为TRUE 2.水平滚动条,垂直滚动条 Horizontal Scroll ...