首先请到这里下载语法自动完成文件(.acp)，通过EditPlus配置好文件。重启EditPlus软件！428a4c65

已经提供打印版的对照表xhtml.doc | xcss.doc，请下载后自行打印。有出入请给我留言。

以下内容的记忆方法：标签的第一个字母或是前两个字母，加上属性的第一个字母。这是HTML语法。CSS思路基本上差不多。有出入的地方请查询对照表！

注：
“#T＝”后面的内容表示在EP中手打内容，加上空格之后会自动完成第二行的内容。
“^!”表示自动完成后的内容中，当前鼠标所在位置。
所有手打内容都是小写。

xhtml.acp语法对照表

#T=d
<div>^!</div>
#T=di
<div id="^!"></div>
#T=dc
<div class="^!"></div>
#T=dic
<div id="^!" class=""></div>
#T=p
<p >^!</p>
#T=pi
<p id="^!"></p>
#T=pc
<p class="^!"></p>
#T=pic
<p id="^!" class=""></p>
#T=pre
<pre>^!</pre>
#T=u
<ul>
 <li >^!</li>
 <li ></li>
 <li ></li>
</ul>
#T=ua
<ul>
 <li ><a href="">^!</a></li>
 <li ><a href=""></a></li>
 <li ><a href=""></a></li>
</ul>
#T=o
<ol>
 <li>^!</li>
 <li></li>
 <li></li>
</ol>
#T=oa
<ol>
 <li ><a href="">^!</a></li>
 <li ><a href=""></a></li>
 <li ><a href=""></a></li>
</ol>
#T=dl
<dl >
 <dt>^!</dt>
 <dd></dd>
</dl>
#T=h1
<h1 >^!</h1>
#T=h2
<h2 >^!</h2>
#T=h3
<h3 >^!</h3>
#T=h4
<h4 >^!</h4>
#T=h5
<h5 >^!</h5>
#T=h6
<h6 >^!</h6>
#T=a
<a href="">^!</a>
#T=ab
<a href="" target="_blank">^!</a>
#T=at
<a href="" title="">^!</a>
#T=abt
<a href="" title="" target="_blank">^!</a>
#T=img
<img src="" />
#T=imgt
<img src="" alt="" title="" />
#T=s
<span>^!</span>
#T=e
<em>^!</em>
#T=st
<strong>^!</strong>
#T=br
<br />
#T=nb
&nbsp;
#T=hr
<hr />
#T=i
id="^!"
#T=c
class="^!"
#T=q
<q>^!</q>
#T=df
<dfn>^!</dfn>
#T=ci
<cite>^!</cite>
#T=bq
<blockquote cite="">^!</blockquote>
#T=ins
<ins cite="" datetime="">^!</ins>
#T=del
<del cite="" datetime="">^!</del>
#T=li
<li >^!</li>
#T=abb
<abbr tilte="">^!</abbr>
#T=ac
<acronym tilte="">^!</acronym>
#T=form
<form method=post action="">
 ^!
</form>
#T=lab
<label>^!</label>
#T=it
<input type="text" name="^!" />
#T=so
<select name="">
 <option value="" selected>^!</option>
 <option value=""></option>
</select>
#T=ir
<input type="radio" name="^!" />
#T=ic
<input type="checkbox" name="^!" />
#T=ta
<textarea name="" rows="" cols="">^!</textarea>
#T=ire
<input type="reset" />
#T=isu
<input type="submit" />
#T=but
<button>^!</button>
#T=pw
<input type="password" />
#T=ih
<input type="hidden" />
#T=ii
<input type="image" src="^!" />
#T=table
<table>
 ^!
</table>
#T=tr
<tr>
 ^!
</tr>
#T=td
<td>^!</td>
<td></td>

xcss.acp 语法对照表

#T=*
* {margin:0; padding:0; vertical-align:top;}

#T=z
^! {}

#T=x
 #^! {}

#T=c
 .^! {}

#T=w
width: ^!px;
#T=h
height: ^!px;
#T=wh
width: ^!px; height: px;
#T=fl
float:left;
#T=fr
float:right;
#T=cb
clear:both;
#T=pa
padding:^!;
#T=ma
margin:^!;
#T=pm
padding:^!; margin:;
#T=bg
background:#^!;
#T=bgu
background:url(../img/^!) no-repeat ;
#T=bgp
background-position: ^! ;
#T=db
display:block;
#T=di
display:inline;
#T=dn
display:none;
#T=o
overflow:^!;
#T=oh
overflow:hidden;
#T=oa
overflow:auto;
#T=os
overflow:scroll;
#T=ov
overflow:visible;
#T=por
position:relative;
#T=poa
position:absolute;
#T=bo
border:1px solid #^!;
#T=bot
border-top:1px solid #^!;
#T=bor
border-right:1px solid #^!;
#T=bob
border-bottom:1px solid #^!;
#T=bol
border-left:1px solid #^!;
#T=f
font:normal normal 12px/1.5em "Arial";
#T=fs
font-size:^!px;
#T=fw
font-weight:bold;
#T=tac
text-align:center;
#T=tal
text-align:left;
#T=tar
text-align:right;
#T=ti
text-indent:^!;
#T=tdn
text-decoration:none;
#T=tdu
text-decoration:underline;
#T=lh
line-height:^!;
#T=ls
list-style:^!;