User:殒恒原罪/模板干货

主页面

代码实战

模板干货

种族

能力

角色职业

杂烩

书籍语录

编辑启示录

1

xxxx

xxx

<center><div style="background: black; border: 0.5px solid #833321; width:9cm; min-height:74px; position:relative; border-radius:0.75em; padding:5px">
<div style="position:absolute; margin-top: 30px; margin-left: 295px">
<img src="http://wx1.sinaimg.cn/mw690/006nAJTTgy1fcp2h3j8llj30dw0dw14p.jpg" style="height:35px;" />
</div>
<div style="background: #400080; overflow: hidden; text-align:center; border-radius:0.5em; border: 1px solid #5900B3; width: 98%; font-side: 110%; font-weight: bold; color: white; margin-top:5px; text-shadow: 0px 0px 0.5px #222222;">
''xxxx''
</div>
<div style="margin-top:0px; padding-left: 12px; text-align:left; padding-right:50px; color: #FFFFFF; text-align:center;">
xxx 
</div></div>
</center>

2

xxx

xxx

<center>
<div style="background: #ffffff; border: 1px solid #000000; width:10cm; min-height:160px; position:relative; border-radius:0.75em"><div style="position:absolute; top: 35px; left: 10px">
<img src="http://wx1.sinaimg.cn/mw690/006nAJTTgy1fcp2h3j8llj30dw0dw14p.jpg" style="height:120px;" /></div>
<div style="background: #000000; overflow: hidden; border-radius:0.5em; text-align:center; border: 1px solid #000000; width: 98%; font-side: 110%; font-weight: bold; color: white; margin-top:5px; text-shadow: 0px 0px 0.5px #222222">''xxx''</div>
<div style="margin-top:0px; padding-right: 5px; padding-top: 9px; text-align:center; background: #ffffff; padding-left:125px; border-radius:0.75em;">xxx</div>
</div>
</center>

3

√

<table align="right" style="border-radius: 10px; border: 4px solid #880000; background-color:#FFBBBB; width: 250px; height: 10px; padding: 5px"><tr><td>
<center>√</center>
</td></tr></table>

4

xxxx

<div align="center">
{|cellpadding="0" cellspacing="0" style="text-align:center; background:#000000; color:#B2FFFF; width:650px; empty-cells: hide; -moz-border-radius: 10ex; border-radius:10ex; -moz-border-radius: 10ex; border-radius:10ex; -moz-box-shadow: 0 0 2px 2px #080808; -webkit-box-shadow: 0 0 2px 2px #080808; box-shadow: 0 0 2px 2px #080808;"
|-
! <img src="http://wx1.sinaimg.cn/mw690/006nAJTTgy1fcp2h3j8llj30dw0dw14p.jpg" style="height:120px;" />
xxxx
|}

5

xxx xxx
xxxx	xxxx
xxxx	xxxx
xxxx	xxxx

xxx xxx
xxxx	xxxx
xxxx	xxxx
xxxx	xxxx

一直闭合:
{| class="mw-collapsible mw-collapsed" style="width:100%; margin-top:1em; border:1px solid #5900B3; font-size:85%;"
|-
| colspan="3" align="center" style="background-color:#900000; font-size:100%;" | xxx<br /><span style="color:#ffffff;">'''''xxx'''</span>
|-
| align="center" style="width: 120px; font-size:90%; background-color: #000000;" | <span style="color:#FFFFFF;">'''xxxx'''</span>
| style="font-size:90%; background-color:#FFFFFF;" | xxxx
|-
| align="center" style="width: 120px; font-size:90%; background-color: #800000;" | <span style="color:#FFFFFF;">'''xxxx'''</span>
| style="font-size:90%; background-color:#FFFFFF;" | xxxx
|-
| align="center" style="width: 120px; font-size:90%; background-color: #5900B3;" | <span style="color:#FFFFFF;">'''xxxx'''</span>
| style="font-size:90%; background-color:#FFFFFF;" | xxxx
|}

一直展开:
{|style="border: 2px solid #900000; width:100%;"
|-
| colspan="3" align="center" style="background-color:#900000; font-size:100%;" | xxx<br /><span style="color:#FFFFFF;">'''''xxx'''</span>
|-
| align="center" style="width: 120px; font-size:90%; background-color: #000000;" | <span style="color:#FFFFFF;">'''xxxx'''</span>
| style="font-size:90%; background-color:#FFFFFF;" | xxxx
|-
| align="center" style="width: 120px; font-size:90%; background-color: #800000;" | <span style="color:#FFFFFF;">'''xxxx'''</span>
| style="font-size:90%; background-color:#FFFFFF;" | xxxx
|-
| align="center" style="width: 120px; font-size:90%; background-color: #5900B3;" | <span style="color:#FFFFFF;">'''xxxx'''</span>
| style="font-size:90%; background-color:#FFFFFF;" | xxxx
|}

6

xx

xx

{| style="border-collapse:collapse; border: red; background-color: rgba(70,0,0,0.5); text-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 10px red, 0 0 10px red;text-align:center;" border="2" cellpadding="5" cellspacing="0" width="100%"
| style="width:95%;text-align:center;background-image:linear-gradient(0deg, #a81000, #f71c00);font-size:14pt;"|'''{{{title|xx}}}'''
|-
| style="width:95%;text-align:center; {{#if:{{{status|{{#if:Open| background-image:linear-gradient(0deg, #a81000, #f71c00); | background-color: rgba(70,0,0,0.5);|}}|}}}} font-size:14pt;" |{{{status|xx}}}
|}

7

原罪 讨论 / 贡献

<span style="background:#5febeb; border:1px dotted #ffffff; padding:1px; margin-left:4px; font-size:85%;">'''[[User:殒恒原罪|<span style="color:#000000; cursor:help" title="殒恒原罪">原罪</span>]]'''</span><span style="background:#252525; border:1px solid #444444; border-left:0px; padding:1px; margin-right:6px; font-size:85%;"> [[User talk:殒恒原罪|<font color="#5febeb">讨论</font>]] / [[Special:Contributions/殒恒原罪|<font color="#5febeb">贡献</font>]] </span>

9

• 非维基代码。

1：（将此代码粘贴到body中可以有效防选中防复制和防鼠标右键）
<script type="text/javascript">document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=function(){return false;};
document.body.onselect=document.body.oncopy=document.body.onmouseup=function(){document.selection.empty();};</script>
2：（将此代码粘贴到body中可以有效防选中防复制和防鼠标右键）
<script language="JavaScript">
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
</script>
禁止查看网页源文件代码,插入网页即可。
<body leftmargin="2" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">
<noscript><iframe src="/blog/*>";</iframe></noscript>

1.将彻底屏蔽鼠标右键 
oncontextmenu="window.event.returnvalue=false"
<table border oncontextmenu=return(false)><td>no</table> //可用于Table

2.取消选取、防止复制
<body onselectstart="return false">

3.不准粘贴
onpaste="return false"

4.防止复制
oncopy="return false;" oncut="return false;"

5.防止被人frame
<SCRIPT LANGUAGE=javascript><!-- if (top.location != self.location)top.location=self.location; // --></SCRIPT>

6.网页将不能另存为
<noscript><iframe src="/blog/*.html>";</iframe></noscript>

7.改变连接是状态栏的显示内容
<a href="http://www.toyean.com" onMo ... ;window.status='输入连接状态栏显示内容’；return true">

8.禁止网页中目标对象被下载(如图片) 
下面的代码将帮助你禁止网页中目标对象被下载：
<a href="javascript:void(0)" onMouseDown="alert('对不起!图片不能下载！')"><img src="图片地址" alt="" /></a>

9.页面禁止刷新完全，最好在pop出来的窗口里用,没工具栏的
<body onkeydown="KeyDown()" onbeforeunload="location=location" 
oncontextmenu="event.returnValue=false">
<script language="Javascript"><!-- 
function KeyDown(){ 
if ((window.event.altKey)&& 
     ((window.event.keyCode==37)||   
      (window.event.keyCode==39))){alert("请访问我的主页"); 
    event.returnValue=false; 
    } 
if ((event.keyCode==8)||(event.keyCode==116)){//屏蔽 F5 刷新键 
    event.keyCode=0; 
    event.returnValue=false; 
    } 
if ((event.ctrlKey)&&(event.keyCode==78)){   //屏蔽 Ctrl+n 
    event.returnValue=false; 
    } 
if ((event.shiftKey)&&(event.keyCode==121)){ //屏蔽 shift+F10 
    event.returnValue=false; 
    } 
} 
</script> 
</body>

11，禁止复制
放在任意位置
<script   language=javascript>
window.onselectstart=function()   {return   false;}       //禁用选择
window.oncopy=function()   {return   false;}       //禁止复制
</script> 

12，禁止查看源代码
放在头部
<script>
function stop(){
return false;
}
document.oncontextmenu=stop;
</script>

10

• 维基参数设置的自定义css可使用
• 无法复制粘贴正文(图片、源代码除外)(仅限于设置此代码者)

body {
-webkit-text-size-adjust: 100%;
background-color: #ffffff;
background-attachment: fixed;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}

• 改变浏览萌百大小

em, strong{font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
body, input, button, textarea{font-size:8px;font-family:Arial, Helvetica, sans-serif;}
pre, code {font-family: "等线";}

• 特殊查看图片方法(外链图片等特殊图片除外)

a img { border: none;}	
a img{ background:none!important;}	
a:hover img{ opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}		
a:active { text-decoration:none; }

11

• 维基参数设置的自定义js可使用
• 无法右键(仅限于设置此代码者)
• 一旦屏蔽对话框，则此代码当前失效

function click(){ 
if(event.button==2){ 
alert( '禁止右键'); 
} 
} 
document.onmousedown=click

• 这个直接能够让右键失效(包括Ctrl+a)

document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=function(){return false;};
document.body.onselect=document.body.oncopy=document.body.onmouseup=function(){document.selection.empty();};

function stop(){
return false;
}
document.oncontextmenu=stop;

• 禁止复制

function disableselect(e){
return false}
function reEnable(){return true
}
file://if IE4+
document.onselectstart=new Function ("return false")
file://if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}

12

• {{clear}}有效分隔内容少而造成模板冲突的尴尬。
• <br style="clear:both;" />

13

• ？？？，？？？

<span style="border-bottom:#666 solid 2px;">？？？</span>，<span style="border-bottom:#666 solid 2px;">？？？</span>

14★

您所看到的	您所输入的
另起一行 会变成一个空格。 但一个空行开始一个新段落。 列表不需要空行。 同样，标题 也可以 不空行	另起一行 会变成一个空格。 但一个空行开始一个新段落。 *列表不需要空行。 同样，标题 ===也可以=== 不空行
您可以在不开始新一段的情况下 另起一行。 请尽量不要使用这种方式。	您可以在不开始新一段的情况下<br /> 另起一行。 *请尽量不要使用这种方式。
符号列表很不错： 每一行用一个星号（*）开始 星号越多，表示列表的层级更深入 新起一行 表示列表结束 注意符号必须是新一行的第一个字符。	*符号列表很不错： **每一行用一个星号（*）开始 ***星号越多，表示列表的层级更深入 ****新起一行 表示列表结束 *注意符号必须是新一行的第一个字符。
数字列表也不错 很整齐 容易理解	#数字列表也不错 ##很整齐 ##容易理解
您甚至可以使用混合列表 还有层次哦 像这样	*您甚至可以使用混合列表 *#还有层次哦 *#*像这样
定義列表 包含許多定義的列表 條目 條目的定義 另外一条 其他的定义	;定義列表 : 包含許多定義的列表 ;條目 : 條目的定義 ;另外一条 :其他的定义
每一行都可以 缩进 好几层呢	:每一行都可以 ::缩进 :::好几层呢
如果一行的开始是空格那么 它将会以其原始形式 出现； 在一个这样的字体中； 文字不会自动换行； 如果结束 这在以下情况下会十分有用： 粘贴格式化文字； 数学公式； 文字艺术； 注意: 这可能会拉长页面，影响阅读。	如果一行的开始是空格那么 它将会以其原始形式 出现； 在一个这样的字体中； 文字不会自动换行； 如果结束 这在以下情况下会十分有用： *粘贴格式化文字； *数学公式； *文字艺术； 注意: 这可能会拉长页面，影响阅读。
一条水平线将页面分隔成了上方 和下方。	一条水平线将页面分隔成了上方 ---- 和下方。

15★

	您所看到的	您所输入的
<nowiki>	nowiki标记将[[维基]]代码忽略。它进行文本格式化：除去换行符和多的空 格。不过它仍然要解释特殊字符：→	<nowiki> nowiki标记将[[维基]]代码忽略。 它进行文本格式化：除去换行符和多的空 格。 不过它仍然要解释特殊字符：&rarr; </nowiki>
<pre>	pre标记忽略[[维基]]代码。 不过它不格式化文 本。 还要解释特殊字符：→	<pre> pre标记忽略[[维基]]代码。 不过它不格式化文 本。 还要解释特殊字符：&rarr; </pre>
前导空格	前导空格是pre的另一种形式。 每一行开头来个空格， 文本就不能 被格式化了。 但它能解释维基代码和特殊字符：→	前导空格是pre的另一种形式。 每一行开头来个空格， 文本就不能 被格式化了。 但它能解释[[维基]]''代码''和'''特殊字符'''：&rarr;
列表之内	新的一行 被nowiki标记包围在 列表里，不作为列表的结束。 列表仍在继续。 而 pre也是如此 列表仍在继续。	#<nowiki>新的一行 被nowiki标记包围在 列表里，不作为列表的结束。 </nowiki> #列表仍在继续。 #而<pre>pre也是如此<pre> #列表仍在继续。

16★

您所看到的	您所输入的
你可以在文本的两边都加上2个单撇号 （注意是英文使用的撇号）， 这时文本就变成了斜体文本。 如果各加上的是3个单撇号， 文本就成了粗体文本。 如果各加上的是5个单撇号， 文本就成了粗斜体文本。 注意：使用4个单撇号不会产生其他特殊效果， 它会在粗体文本外'多出一对单撇号'， 并在文本输出效果中显示。 你还可以这样：这里加粗又倾斜这里只倾斜 或 这里加粗又倾斜这里只加粗。	你可以在文本的两边都加上2个单撇号 （注意是英文使用的撇号）， 这时文本就变成了''斜体文本''。 如果各加上的是3个单撇号， 文本就成了'''粗体文本'''。 如果各加上的是5个单撇号， 文本就成了'''''粗斜体文本'''''。 注意：使用4个单撇号不会产生其他特殊效果， 它会在粗体文本外''''多出一对单撇号''''， 并在文本输出效果中显示。 你还可以这样：'''''这里加粗又倾斜'''这里只倾斜'' 或 '''''这里加粗又倾斜''这里只加粗'''。
您在编辑时也可以使用HTML标记 。我们希望您能够盡量使用使用Wiki語法編寫，尽量避免不必要的HTML標記。 使用typewriter font字体来输入文本。 这种字体普遍适用于 computer code。 但是code不适合繁简转换 但是code不適合繁簡轉換	您在编辑时也可以使用'''HTML标记''' 。我们希望您能够盡量使用使用Wiki語法編寫，尽量避免不必要的HTML標記。 使用<tt>typewriter font</tt>字体来输入文本。<br /> 这种字体普遍适用于 <code> computer code</code> <code>但是code不适合繁简转换 但是code不適合繁簡轉換</code>
你可以使用CSS文本 还可以和部分其他HTML标记一起适使用。 还有更加简单的方法。 不建议使用CSS样式来强调文本，使用粗体就够了。	<span style="color:red">你可以使用</span><span style="font-size:12pt;font-family:Comic Sans MS">CSS</span>文本 还可以和<u style="color:fuchsia">部分其他HTML标记</u>一起<s style="color:maroon">适</s>使用。 <font color=green size=4 face="宋体">还有更加简单的方法。</font> *'''不建议使用CSS样式来强调文本，使用粗体就够了。'''
您可以使用删除线、简易删除线或者下划线 还可以使用小型大写字母，如 Small capitals。	您可以使用<strike>删除线</strike>、<s>简易删除线</s>或者<u>下划线</u><br /> 还可以使用小型大写字母，如<span style= "font-variant:small-caps"> Small capitals</span>。
文本的上标与下标: X2、H2O	文本的上标与下标: X<sup>2</sup>、H<sub>2</sub>O
居中文本 <centre>请注意这里使用的是美式拼写："center"，而不是"centre"。</centre>	<center>居中文本</center> <centre>请注意这里使用的是美式拼写："center"，而不是"centre"。</centre>
块状引用文本可以使用在冒号之后，应用这种格式的段落两边都会缩进，留出空白边缘。	<blockquote> '''块状引用文本'''可以使用在冒号之后，应用这种格式的段落两边都会缩进，留出空白边缘。 </blockquote>
您可以给其他的编辑者留下注释，在<!--和-->之间的文字只会在编辑时才能看见。 如果您希望发表自己的个人观点，应当使用用户讨论页。	您可以给其他的编辑者留下注释，在<!--和-->之间的文字只会在编辑时才能看见。 <!-- 注释：欢迎光临我的维基个人网站。 --> * 如果您希望发表自己的个人观点，应当使用用户讨论页。

17★

您所看到的	您所输入的
这 是 个 表格 表格嵌套 见否？	{| border="1" cellspacing="0" cellpadding="5" align="center" ! 这 ! 是 |- | 个 | 表格 |- | colspan=2 | {| border=3 | 表格嵌套 |- | style="background:#ff3322" | 见否？ |} |}
也 可 以 这样	{| class="wikitable" ! 也 ! 可 |- | 以 | 这样 |}
表格 还可 以 这样的格式 适用于比较长的表格 而对页面影响不大。	{|class="wikitable mw-collapsible mw-collapsed" !表格 !还可 |以 |- |这样的格式 |适用于比较长的表格 |而对页面影响不大。 |}

18★

<b> <big> <blockquote> <br> <caption> <center> <cite> <code> <dd> <del> <div> <dl> <dt> <em> <font>

<h1> <h2> <h3> <h4> <h5> <h6> <hr> <i> <li> <ol> <p> <pre> <rb> <rp> <rt>

<ruby> <s> <small> <strike> <strong> <sub> <sup> <table> <td> <th> <tr> <tt> <u> <ul> <var>

<!-- ... -->

19★

您所看到的	您所输入的
变音及重音符号： À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ñ Ò Ó Ô Õ Ö Ø Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô õ ö ø ù ú û ü ÿ	À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ñ Ò Ó Ô Õ Ö Ø Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô œ õ ö ø ù ú û ü ÿ
标点符号： ¿ ¡ « » § ¶ † ‡ • —	¿ ¡ « » § ¶ † ‡ • —
商业符号： ™ © ® ¢ € ¥ £ ¤	™ © ® ¢ € ¥ £ ¤
希腊字母： α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ ς τ υ φ χ ψ ω Γ Δ Θ Λ Ξ Π Σ Φ Ψ Ω	α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ ς τ υ φ χ ψ ω Γ Δ Θ Λ Ξ Π Σ Φ Ψ Ω
数学符号： ∫ ∑ ∏ √ − ± ∞ ≈ ∝ ≡ ≠ ≤ ≥ → × · ÷ ∂ ′ ″ ∇ ‰ ° ∴ ℵ ø ∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇ ¬ ∧ ∨ ∃ ∀ ⇒ ⇔	∫ ∑ ∏ √ − ± ∞ ≈ ∝ ≡ ≠ ≤ ≥ → × · ÷ ∂ ′ ″ ∇ ‰ ° ∴ ℵ ø ∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇ ¬ ∧ ∨ ∃ ∀ ⇒ ⇔

20

您所看到的	您所输入的
只有签名：[[User:殒恒原罪|xxx]（讨论 | 贡献） 签名+时间：xxx（讨论 | 贡献）2024年12月2日（星期一）01:08 (UTC) 只有时间：2024年12月2日（星期一）01:08 (UTC)	只有签名：~~~ 签名+时间：~~~~ 只有时间：~~~~~

21

• border属性

值	描述
none	定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。在大多数浏览器中呈现为实线。
dashed	定义虚线。在大多数浏览器中呈现为实线。
solid	定义实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。
radius	边框半径。

22

字体属性：(font)
大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD
样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
行高 line-height: normal;(正常) 单位：PX、PD、EM
粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常)
变体 font-variant: small-caps;(小型大写字母) normal;(正常)
大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)
修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)
常用字体： (font-family)
“Courier New”, Courier, monospace, “Times New Roman”, Times, serif, Arial, Helvetica, sans-serif, Verdana
背景属性： (background)
色彩background-color: #FFFFFF;
图片background-image: url();
重复background-repeat: no-repeat;
滚动background-attachment: fixed;(固定) scroll;(滚动)
位置background-position: left(水平) top(垂直);
简写方法 background:#000 url(..) repeat fixed left top;
区块属性： (Block)
字间距letter-spacing: normal; 数值
对刘text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)
缩进text-indent: 数值px;
垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;
词间距word-spacing: normal; 数值
空格white-space: pre;(保留) nowrap;(不换行)
显示display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题)
方框属性： (Box)
width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左
边框属性： (Border)
border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;
border-width:; 边框宽度
border-color:#;
简写方法border：width style color;
列表属性： (List-style)
类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;
位置list-style-position: outside;(外) inside;
图像list-style-image: url(..);
定位属性： (Position)
Position: absolute; relative; static;
visibility: inherit; visible; hidden;
overflow: visible; hidden; scroll; auto;
clip: rect(12px,auto,12px,auto) (裁切)

中文名	英文名	Unicode	Unicode 2
Mac OS
华文细黑	STHeiti Light [STXihei]	534E65877EC69ED1	华文细黑
华文黑体	STHeiti	534E65879ED14F53	华文黑体
华文楷体	STKaiti	534E658769774F53	华文楷体
华文宋体	STSong	534E65875B8B4F53	华文宋体
华文仿宋	STFangsong	534E65874EFF5B8B	华文仿宋
丽黑 Pro	LiHei Pro Medium	4E3D9ED1 Pro	丽黑 Pro
丽宋 Pro	LiSong Pro Light	4E3D5B8B Pro	丽宋 Pro
标楷体	BiauKai	680769774F53	标楷体
苹果丽中黑	Apple LiGothic Medium	82F9679C4E3D4E2D9ED1	苹果丽中黑
苹果丽细宋	Apple LiSung Light	82F9679C4E3D7EC65B8B	苹果丽细宋
Windows
新细明体	PMingLiU	65B07EC6660E4F53	新细明体
细明体	MingLiU	7EC6660E4F53	细明体
标楷体	DFKai-SB	680769774F53	标楷体
黑体	SimHei	9ED14F53	黑体
宋体	SimSun	5B8B4F53	宋体
新宋体	NSimSun	65B05B8B4F53	新宋体
仿宋	FangSong	4EFF5B8B	仿宋
楷体	KaiTi	69774F53	楷体
仿宋_GB2312	FangSong_GB2312	4EFF5B8B_GB2312	仿宋_GB2312
楷体_GB2312	KaiTi_GB2312	69774F53_GB2312	楷体_GB2312
微软正黑体	Microsoft JhengHei	5FAEx8F6F6B639ED14F53	微软正黑体
微软雅黑	Microsoft YaHei	5FAE8F6F96C59ED1	微软雅黑
Office
隶书	LiSu	96B64E66	隶书
幼圆	YouYuan	5E7C5706	幼圆
华文细黑	STXihei	534E65877EC69ED1	华文细黑
华文楷体	STKaiti	534E658769774F53	华文楷体
华文宋体	STSong	534E65875B8B4F53	华文宋体
华文中宋	STZhongsong	534E65874E2D5B8B	华文中宋
华文仿宋	STFangsong	534E65874EFF5B8B	华文仿宋
方正舒体	FZShuTi	65B96B6382124F53	方正舒体
方正姚体	FZYaoti	65B96B6359DA4F53	方正姚体
华文彩云	STCaiyun	534E65875F694E91	华文彩云
华文琥珀	STHupo	534E6587742573C0	华文琥珀
华文隶书	STLiti	534E658796B64E66	华文隶书
华文行楷	STXingkai	534E6587884C6977	华文行楷
华文新魏	STXinwei	534E658765B09B4F	华文新魏

css属性代码大全
一 CSS文字属性：
color : #999999; /*文字颜色*/
font-family : 宋体,sans-serif; /*文字字体*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜体*/
font-variant:small-caps; /*小字体*/
letter-spacing : 1pt; /*字间距离*/
line-height : 200%; /*设置行高*/
font-weight:bold; /*文字粗体*/
vertical-align:sub; /*下标字*/
vertical-align:super; /*上标字*/
text-decoration:line-through; /*加删除线*/
text-decoration:overline; /*加顶线*/
text-decoration:underline; /*加下划线*/
text-decoration:none; /*删除链接下划线*/
text-transform : capitalize; /*首字大写*/
text-transform : uppercase; /*英文大写*/
text-transform : lowercase; /*英文小写*/
text-align:right; /*文字右对齐*/
text-align:left; /*文字左对齐*/
text-align:center; /*文字居中对齐*/
text-align:justify; /*文字分散对齐*/
vertical-align属性
vertical-align:top; /*垂直向上对齐*/
vertical-align:bottom; /*垂直向下对齐*/
vertical-align:middle; /*垂直居中对齐*/
vertical-align:text-top; /*文字垂直向上对齐*/
vertical-align:text-bottom; /*文字垂直向下对齐*/
二、CSS边框空白
padding-top:10px; /*上边框留空白*/
padding-right:10px; /*右边框留空白*/
padding-bottom:10px; /*下边框留空白*/
padding-left:10px; /*左边框留空白
三、CSS符号属性：
list-style-type:none; /*不编号*/
list-style-type:decimal; /*阿拉伯数字*/
list-style-type:lower-roman; /*小写罗马数字*/
list-style-type:upper-roman; /*大写罗马数字*/
list-style-type:lower-alpha; /*小写英文字母*/
list-style-type:upper-alpha; /*大写英文字母*/
list-style-type:disc; /*实心圆形符号*/
list-style-type:circle; /*空心圆形符号*/
list-style-type:square; /*实心方形符号*/
list-style-image:url(/dot.gif); /*图片式符号*/
list-style-position:outside; /*凸排*/
list-style-position:inside; /*缩进*/
四、CSS背景样式：
background-color:#F5E2EC; /*背景颜色*/
background:transparent; /*透视背景*/
background-image : url(/image/bg.gif); /*背景图片*/
background-attachment : fixed; /*浮水印固定背景*/
background-repeat : repeat; /*重复排列-网页默认*/
background-repeat : no-repeat; /*不重复排列*/
background-repeat : repeat-x; /*在x轴重复排列*/
background-repeat : repeat-y; /*在y轴重复排列*/
指定背景位置
background-position : 90% 90%; /*背景图片x与y轴的位置*/
background-position : top; /*向上对齐*/
background-position : buttom; /*向下对齐*/
background-position : left; /*向左对齐*/
background-position : right; /*向右对齐*/
background-position : center; /*居中对齐*/
五、CSS连接属性：
a /*所有超链接*/
a:link /*超链接文字格式*/
a:visited /*浏览过的链接文字格式*/
a:active /*按下链接的格式*/
a:hover /*鼠标转到链接*/
鼠标光标样式：
链接手指 CURSOR: hand
十字体 cursor:crosshair
箭头朝下 cursor:s-resize
十字箭头 cursor:move
箭头朝右 cursor:move
加一问号 cursor:help
箭头朝左 cursor:w-resize
箭头朝上 cursor:n-resize
箭头朝右上 cursor:ne-resize
箭头朝左上 cursor:nw-resize
文字I型 cursor:text
箭头斜右下 cursor:se-resize
箭头斜左下 cursor:sw-resize
漏斗 cursor:wait
光标图案(IE6) p {cursor:url(“光标文件名.cur”),text;}
六、CSS框线一览表：
border-top : 1px solid #6699cc; /*上框线*/
border-bottom : 1px solid #6699cc; /*下框线*/
border-left : 1px solid #6699cc; /*左框线*/
border-right : 1px solid #6699cc; /*右框线*/
以上是建议书写方式,但也可以使用常规的方式 如下:
border-top-color : #369 /*设置上框线top颜色*/
border-top-width :1px /*设置上框线top宽度*/
border-top-style : solid/*设置上框线top样式*/
其他框线样式
solid /*实线框*/
dotted /*虚线框*/
double /*双线框*/
groove /*立体内凸框*/
ridge /*立体浮雕框*/
inset /*凹框*/
outset /*凸框*/
七、CSS表单运用：
文字方块
按钮
复选框
选择钮
多行文字方块
下拉式菜单 选项1选项2
八、CSS边界样式：
margin-top:10px; /*上边界*/
margin-right:10px; /*右边界值*/
margin-bottom:10px; /*下边界值*/
margin-left:10px; /*左边界值*/

CSS 属性： 字体样式(Font Style)
序号 中文说明 标记语法
1 字体样式 {font:font-style font-variant font-weight font-size font-family}
2 字体类型 {font-family:”字体1″,”字体2″,”字体3″,…}
3 字体大小 {font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}
4 字体风格 {font-style:inherit|italic|normal|oblique}
5 字体粗细 {font-weight:100-900|bold|bolder|lighter|normal;}
6 字体颜色 {color:数值;}
7 阴影颜色 {text-shadow:16位色值}
8 字体行高 {line-height:数值|inherit|normal;}
9 字 间 距 {letter-spacing:数值|inherit|normal}
10 单词间距 {word-spacing:数值|inherit|normal}
11 字体变形 {font-variant:inherit|normal|small-cps }
12 英文转换 {text-transform:inherit|none|capitalize|uppercase|lowercase}
13 字体变形 {font-size-adjust:inherit|none}
14 字体 {font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}
文本样式(Text Style)
序号 中文说明 标记语法
1 行 间 距 {line-height:数值|inherit|normal;}
2 文本修饰 {text-decoration:inherit|none|underline|overline|line-through|blink}
3 段首空格 {text-indent:数值|inherit}
4 水平对齐 {text-align:left|right|center|justify}
5 垂直对齐 {vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}
6 书写方式 {writing-mode:lr-tb|tb-rl}
背景样式
序号 中文说明 标记语法
1 背景颜色 {background-color:数值}
2 背景图片 {background-image: url(URL)|none}
3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
4 背景固定 {background-attachment:fixed|scroll}
5 背景定位 {background-position:数值|top|bottom|left|right|center}
6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}
框架样式(Box Style)
序号 中文说明 标记语法
1 边界留白 {margin:margin-top margin-right margin-bottom margin-left}
2 补白 {padding:padding-top padding-right padding-bottom padding-left}
3 边框宽度 {border-width:border-top-width border-right-width border-bottom-width border-left-width}
宽度值： thin|medium|thick|数值
4 边框颜色 {border-color:数值 数值 数值 数值}数值：分别代表top、right、bottom、left颜色值
5 边框风格 {border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}
6 边框 {border:border-width border-style color}
上 边 框 {border-top:border-top-width border-style color}
右 边 框 {border-right:border-right-width border-style color}
下 边 框 {border-bottom:border-bottom-width border-style color}
左 边 框 {border-left:border-left-width border-style color}
7 宽度 {width:长度|百分比| auto}
8 高度 {height:数值|auto}
9 漂浮 {float:left|right|none}
10 清除 {clear:none|left|right|both}
分类列表
序号 中文说明 标记语法
1 控制显示 {display:none|block|inline|list-item}
2 控制空白 {white-space:normal|pre|nowarp}
3 符号列表 {list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none}
4 图形列表 {list-style-image:URL}
5 位置列表 {list-style-position:inside|outside}
6 目录列表 {list-style:目录样式类型|目录样式位置|url}
7 鼠标形状 {cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize}

23

1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制
2.:js判断汉字、判断是否汉字 、只能输入汉字
3:js判断是否输入英文、只能输入英文
4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
5:只能输入英文字符和数字
6: js email验证 、js 判断email 、信箱/邮箱格式验证
7:js字符过滤,屏蔽关键字
8:js密码验证、判断密码
2.1: js 不为空、为空或不是对象 、判断为空、判断不为空
2.2:比较两个表单项的值是否相同
2.3:表单只能为数字和”_”,
2.4:表单项输入数值/长度限定
2.5:中文/英文/数字/邮件地址合法性判断
2.6:限定表单项不能输入的字符
2.7表单的自符控制

2.8:form文本域的通用校验函数

24★

描述	这样写	得到的是
提示链接, 鼠标停上有不同的小提示	[[首页|<span title="不同于描述">描述</span>]]	描述
外部链接, 同主机无标题	[http://{{SERVERNAME}}/页面名称]	[1]
外部链接, 其它用标题做关键字主机	[http://google.com/search?q={{PAGENAMEE}}]	[2]
邮件链接 还有标题和内容	[mailto:[email protected]?Subject=URL%20Encoded%20Subject&body=Body%20Text info]	info

25★

以下是已定义的变量：

变量	解释	结果
{{CURRENTYEAR}}	年	2024
{{CURRENTMONTH}}	月（效果1）	12
{{CURRENTMONTHNAME}}	月（效果2）	12月
{{CURRENTDAY}}	日	2
{{CURRENTDAYNAME}}	星期	星期一
{{CURRENTTIME}}	时间（UTC）	01:08
{{NUMBEROFARTICLES}}	目前的条目数	133,613
{{PAGENAME}}	当前页面标题	殒恒原罪/模板干货
{{NAMESPACE}}	当前页面的名字空间	User
{{localurl:Wikipedia:沙盒|edit}}	编辑页面的url	https://en.wikipedia.org/wiki/%E6%B2%99%E7%9B%92?edit
{{SERVER}}	当前的服务器	https://moegirl.uk

• Category:辅助模板
• Category:格式模板
• Category:表格模板

26

• 来源于http://cssdeck.com
  • 45个纯 CSS 实现的精美边框效果【附在线演示和源码】

27

• 增加一点看图效果(维基css)←个人认为还是有点用的，用于容易看图

a img { border: none;}	
a img{ background:none!important;}	
a:hover img{ opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}		
a:active { text-decoration:none; }

• 其中opacity为透明效果CSS 图像透明度

28

Button text

殒恒原罪

Button text

29

xxx• xxx • xxx

30

xxx
xxx

31

xx	xxx	xx
xx xx	xx	xx
xx xx	xx	xx xx
xx xx	xx	xx

32

• css3渐变
• 背景渐变：html5+css3中的background: -moz-linear-gradient

• 线性渐变:background: linear-gradient(direction, color-stop1, color-stop2, ...);
• 径向渐变:background: radial-gradient(center, shape size, start-color, ..., last-color);

33

• 指定一个元素的堆叠顺序

position:absolute;left:0px;top:0px;z-index:-1;

34

35

Javascript:(function() {
    $('.addkillcont').remove();
    $('#btnPuzzle').removeAttr('disabled');
})();

// ==UserScript==
// @name         游戏王资料卡查
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  去弹窗，去按钮等待
// @author       You
// @include      http://www.ygo-sem.cn/*
// @include      http://www.ygo-sem.cn/*.*
// @require      http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js/
// @grant        none
// ==/UserScript==

(function() {
    $('.addkillcont').remove();
    $('#btnPuzzle').removeAttr('disabled');
})();

// ==UserScript==
// @name         游戏王资料卡查
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  去弹窗，去按钮等待
// @author       You
// @match        *://www.ygo-sem.cn/*
// @match        *://www.ygo-sem.cn/*.*
// @require      http://developer.baidu.com/resources/online/common/lib/jquery/jquery-1.9.1.min.js
// @grant        none
// ==/UserScript==
(function() {
    $('.addkillcont').remove();
    $('#btnPuzzle').removeAttr('disabled');
})();

javascript:( function gethead(){ var heads = document.getElementsByClassName('detail')[0].getElementsByClassName('head'); var vals = document.getElementsByClassName('detail')[0].getElementsByClassName('val'); var as = document.getElementsByTagName('a'); for(var i = 0; i < as.length; i++) {as[i].parentNode.removeChild(as[i]);} var j = 0; var text="卡片信息\n"; text+="\n{{游戏王/卡片\n|image=\n"; var marksign = {'7':'↖','8':'↑','9':'↗','4':'←','5':'●','6':'→','1':'↙','2':'↓','3':'↘',}; var attrs = {'光':'LIGHT_','暗':'DARK','水':'WATER','地':'EARTH','炎':'FIRE','风':'WIND','神':'DIVINE'}; var colos = {'效果':'9b5245','通常':'c5a664','同调':'dae1ea','融合':'9060b3','仪式':'5071bc','超量':'373733','连接':'003a8c','魔法':'46a89d','陷阱':'ab4996'};var infoc='ffffff';var linkmark = false; for(var i = 0;i<heads.length-1; i++){if(i==6){j++;}; var thead = heads[i].innerHTML.replace(/ |\n/g,''); var tcell = vals[j].innerHTML.replace(/ |\n/g,''); if(thead=='卡片种类'){tcell=''; var tags = vals[j].getElementsByTagName('span'); for(var k = tags.length-1;k>=0;k--){tcell+=tags[k].innerText; infoc=colos[tags[k].innerText]?colos[tags[k].innerText]:infoc;linkmark = linkmark?linkmark:tags[k].innerText=='连接'?true:false;} } if(thead=='属性'){tcell='[[File:'+attrs[tcell]+'.png|25px]]';j=linkmark?j+1:j;} if(thead=='LINK'){j=linkmark?j+1:j;} if(thead=='星级'){tcell=tcell.replace(/\d+/g,'{{#loop:star|1|'+tcell+'|[[File:CG_Star.png|20px]]}}')} if(thead=='阶级'){tcell=tcell.replace(/\d+/g,'{{#loop:star|1|'+tcell+'|[[File:Rank_Star.png|20px]]}}')} text+='|'+thead+'='+tcell+'\n';j++;} if(linkmark){var marks = '|连接标志='; for(var index = 1;index<=9;index++){ marks += document.getElementsByClassName('mark-linkmarker_'+index+'_on')[0]?'['+marksign[index]+']':''; }text+=marks+'\n';} text+='|color=#'+infoc+'\n|textcolor=\n}}'; console.log(text); var phase = document.createElement('p'); phase.setAttribute('id','moe-phase'); phase.innerHTML = text.replace(/\n/g,'<br />'); if(document.getElementById('moe-phase')){ document.getElementById('moe-phase').innerHTML = phase.innerHTML; }else{ document.getElementsByClassName('detail')[0].appendChild(phase);} } )();