置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

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

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

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>


8

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 />
另起一行。
*请尽量不要使用这种方式。
  • 符號列表很不錯:
    • 每一行用一個星號(*)開始
      • 星號越多,表示列表的層級更深入
        • 新起一行

表示列表結束

  • 注意符號必須是新一行的第一個字符。
*符号列表很不错:
**每一行用一个星号(*)开始
***星号越多,表示列表的层级更深入
****新起一行
表示列表结束
*注意符号必须是新一行的第一个字符。
  1. 數字列表也不錯
    1. 很整齊
    2. 容易理解
#数字列表也不错
##很整齐
##容易理解
  • 您甚至可以使用混合列表
    1. 還有層次哦
      • 像這樣
*您甚至可以使用混合列表
*#还有层次哦
*#*像这样
定義列表
包含許多定義的列表
條目
條目的定義
另外一條
其他的定義
;定義列表 : 包含許多定義的列表
;條目 : 條目的定義
;另外一条
:其他的定义
每一行都可以
縮進
好幾層呢
:每一行都可以
::缩进
:::好几层呢
如果一行的开始是空格那么
它将会以其原始形式
出现;
在一个这样的字体中;
文字不会自动换行;
如果结束

這在以下情況下會十分有用:

  • 粘貼格式化文字;
  • 數學公式;
  • 文字藝術;

注意: 這可能會拉長頁面,影響閱讀。

 如果一行的开始是空格那么
 它将会以其原始形式
 出现;
 在一个这样的字体中;
 文字不会自动换行;
 如果结束
这在以下情况下会十分有用:
*粘贴格式化文字;
*数学公式;
*文字艺术;

注意: 这可能会拉长页面,影响阅读。
一條水平線將頁面分隔成了上方

和下方。

一条水平线将页面分隔成了上方
----
和下方。


15★

您所看到的 您所輸入的
<nowiki>

nowiki标记将[[维基]]代码忽略。它进行文本格式化:除去换行符和多的空 格。不过它仍然要解释特殊字符:→

<nowiki>
nowiki标记将[[维基]]代码忽略。
它进行文本格式化:除去换行符和多的空       格。
不过它仍然要解释特殊字符:&rarr;
</nowiki>
<pre>
pre标记忽略[[维基]]代码。
不过它不格式化文      本。
还要解释特殊字符:→
<pre>
pre标记忽略[[维基]]代码。
不过它不格式化文      本。
还要解释特殊字符:&rarr;
</pre>
前導空格

前導空格是pre的另一種形式。

每一行开头来个空格,
文本就不能         被格式化了。
但它能解释维基代码特殊字符:→
前导空格是pre的另一种形式。

 每一行开头来个空格,
 文本就不能         被格式化了。
 但它能解释[[维基]]''代码''和'''特殊字符''':&rarr;
列表之內
  1. 新的一行 被nowiki标记包围在 列表里,不作为列表的结束。
  2. 列表仍在繼續。
  3. pre也是如此
  4. 列表仍在繼續。
#<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★

您所看到的 您所輸入的

變音及重音符號:
À Á Â Ã Ä Å
Æ Ç È É Ê Ë
Ì Í Î Ï Ñ Ò
Ó Ô Õ Ö Ø Ù
Ú Û Ü ß à á
â ã ä å æ

ç
è é ê ë ì í
î ï ñ ò ó ô
õ ö ø ù ú û
ü ÿ

&Agrave; &Aacute; &Acirc; &Atilde; &Auml; &Aring;
&AElig; &Ccedil; &Egrave; &Eacute; &Ecirc; &Euml;
&Igrave; &Iacute; &Icirc; &Iuml; &Ntilde; &Ograve;
&Oacute; &Ocirc; &Otilde; &Ouml; &Oslash; &Ugrave;
&Uacute; &Ucirc; &Uuml; &szlig; &agrave; &aacute;
&acirc; &atilde; &auml; &aring; &aelig; &ccedil;
&egrave; &eacute; &ecirc; &euml; &igrave; &iacute;
&icirc; &iuml; &ntilde; &ograve; &oacute; &ocirc;
&oelig; &otilde; &ouml; &oslash; &ugrave; &uacute;
&ucirc; &uuml; &yuml;

標點符號:
¿ ¡ « » § ¶
† ‡ • —

&iquest; &iexcl; &laquo; &raquo; &sect; &para;
&dagger; &Dagger; &bull; &mdash;

商業符號:
™ © ® ¢ € ¥
£ ¤

&trade; &copy; &reg; &cent; &euro; &yen;
&pound; &curren;
希臘字母:

α β γ δ ε ζ
η θ ι κ λ μ ν
ξ ο π ρ σ ς
τ υ φ χ ψ ω
Γ Δ Θ Λ Ξ Π
Σ Φ Ψ Ω


&alpha; &beta; &gamma; &delta; &epsilon; &zeta;
&eta; &theta; &iota; &kappa; &lambda; &mu; &nu;
&xi; &omicron; &pi; &rho;  &sigma; &sigmaf;
&tau; &upsilon; &phi; &chi; &psi; &omega;
&Gamma; &Delta; &Theta; &Lambda; &Xi; &Pi;
&Sigma; &Phi; &Psi; &Omega;

數學符號:
∫ ∑ ∏ √ − ± ∞
≈ ∝ ≡ ≠ ≤ ≥ →
× · ÷ ∂ ′ ″
∇ ‰ ° ∴ ℵ ø
∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ ⇒ ⇔


&int; &sum; &prod; &radic; &minus; &plusmn; &infin;
&asymp; &prop; &equiv; &ne; &le; &ge; &rarr;
&times; &middot; &divide; &part; &prime; &Prime;
&nabla; &permil; &deg; &there4; &alefsym; &oslash;
&isin; &notin; &cap; &cup; &sub; &sup; &sube; &supe;
&not; &and; &or; &exist; &forall; &rArr; &hArr;

20

您所看到的 您所輸入的

只有簽名:[[User:殞恆原罪|xxx](討論 | 貢獻

簽名+時間:xxx討論 | 貢獻)2024年11月5日(星期二)09:11 (UTC)

只有時間:2024年11月5日(星期二)09:11 (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}} 5
{{CURRENTDAYNAME}} 星期 星期二
{{CURRENTTIME}} 時間(UTC) 09:11
{{NUMBEROFARTICLES}} 目前的條目數 133,586
{{PAGENAME}} 當前頁面標題 殞恆原罪/模板乾貨
{{NAMESPACE}} 當前頁面的名字空間 User
{{localurl:Wikipedia:沙盒&amp;amp;amp;amp;#124;edit}} 編輯頁面的url https://en.wikipedia.org/wiki/%E6%B2%99%E7%9B%92?edit
{{SERVER}} 當前的伺服器 https://moegirl.uk

26

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; }

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


  • 線性漸變: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);} } )();