使用者:殞恆原罪/模板乾貨

主頁面

代碼實戰

模板乾貨

種族

能力

角色職業

雜燴

書籍語錄

編輯啟示錄

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年11月23日（星期六）13:21 (UTC) 只有時間：2024年11月23日（星期六）13:21 (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）	11
{{CURRENTMONTHNAME}}	月（效果2）	11月
{{CURRENTDAY}}	日	23
{{CURRENTDAYNAME}}	星期	星期六
{{CURRENTTIME}}	時間（UTC）	13:21
{{NUMBEROFARTICLES}}	目前的條目數	133,606
{{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);} } )();