目录
1
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
<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 /> 另起一行。 *请尽量不要使用这种方式。 |
表示列表结束
|
*符号列表很不错： **每一行用一个星号（*）开始 ***星号越多，表示列表的层级更深入 ****新起一行 表示列表结束 *注意符号必须是新一行的第一个字符。 |
|
#数字列表也不错 ##很整齐 ##容易理解 |
|
*您甚至可以使用混合列表 *#还有层次哦 *#*像这样 |
|
;定義列表 : 包含許多定義的列表 ;條目 : 條目的定義 ;另外一条 :其他的定义 |
|
:每一行都可以 ::缩进 :::好几层呢 |
如果一行的开始是空格那么 它将会以其原始形式 出现； 在一个这样的字体中； 文字不会自动换行； 如果结束 这在以下情况下会十分有用：
注意: 这可能会拉长页面，影响阅读。 |
如果一行的开始是空格那么 它将会以其原始形式 出现； 在一个这样的字体中； 文字不会自动换行； 如果结束 这在以下情况下会十分有用： *粘贴格式化文字； *数学公式； *文字艺术； 注意: 这可能会拉长页面，影响阅读。 |
| 一条水平线将页面分隔成了上方
和下方。 |
一条水平线将页面分隔成了上方 ---- 和下方。 |
15★
| 您所看到的 | 您所输入的 | |
|---|---|---|
| <nowiki> |
nowiki标记将[[维基]]代码忽略。它进行文本格式化：除去换行符和多的空 格。不过它仍然要解释特殊字符：→ |
<nowiki> nowiki标记将[[维基]]代码忽略。 它进行文本格式化：除去换行符和多的空 格。 不过它仍然要解释特殊字符：→ </nowiki> |
| <pre> |
pre标记忽略[[维基]]代码。 不过它不格式化文 本。 还要解释特殊字符：→ |
<pre> pre标记忽略[[维基]]代码。 不过它不格式化文 本。 还要解释特殊字符：→ </pre> |
| 前导空格 |
前导空格是pre的另一种形式。 每一行开头来个空格， 文本就不能 被格式化了。 但它能解释维基代码和特殊字符：→ |
前导空格是pre的另一种形式。 每一行开头来个空格， 文本就不能 被格式化了。 但它能解释[[维基]]''代码''和'''特殊字符'''：→ |
| 列表之内 |
|
#<nowiki>新的一行 被nowiki标记包围在 列表里，不作为列表的结束。 </nowiki> #列表仍在继续。 #而<pre>pre也是如此<pre> #列表仍在继续。 |
16★
| 您所看到的 | 您所输入的 |
|---|---|
|
你可以在文本的两边都加上2个单撇号 （注意是英文使用的撇号）， 这时文本就变成了斜体文本。 如果各加上的是3个单撇号， 文本就成了粗体文本。 如果各加上的是5个单撇号， 文本就成了粗斜体文本。 注意：使用4个单撇号不会产生其他特殊效果， 它会在粗体文本外'多出一对单撇号'， 并在文本输出效果中显示。 你还可以这样：这里加粗又倾斜这里只倾斜 或 这里加粗又倾斜这里只加粗。 |
你可以在文本的两边都加上2个单撇号 （注意是英文使用的撇号）， 这时文本就变成了''斜体文本''。 如果各加上的是3个单撇号， 文本就成了'''粗体文本'''。 如果各加上的是5个单撇号， 文本就成了'''''粗斜体文本'''''。 注意：使用4个单撇号不会产生其他特殊效果， 它会在粗体文本外''''多出一对单撇号''''， 并在文本输出效果中显示。 你还可以这样：'''''这里加粗又倾斜'''这里只倾斜'' 或 '''''这里加粗又倾斜''这里只加粗'''。 |
|
您在编辑时也可以使用HTML标记 。我们希望您能够尽量使用使用Wiki语法编写，尽量避免不必要的HTML标记。 使用typewriter
font字体来输入文本。
|
您在编辑时也可以使用'''HTML标记''' 。我们希望您能够盡量使用使用Wiki語法編寫，尽量避免不必要的HTML標記。 使用<tt>typewriter font</tt>字体来输入文本。<br /> 这种字体普遍适用于 <code> computer code</code> <code>但是code不适合繁简转换 但是code不適合繁簡轉換</code> |
| 你可以使用CSS文本
还可以和部分其他HTML标记一起 还有更加简单的方法。
|
<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样式来强调文本，使用粗体就够了。''' |
|
您可以使用 |
您可以使用<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★
|
|
|
|
19★
| 您所看到的 | 您所输入的 |
|---|---|
|
变音及重音符号： ç |
À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ñ Ò Ó Ô Õ Ö Ø Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô œ õ ö ø ù ú û ü ÿ |
|
标点符号： |
¿ ¡ « » § ¶ † ‡ • — |
|
商业符号： |
™ © ® ¢ € ¥ £ ¤ |
| 希腊字母： α β γ δ ε ζ |
α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ ς τ υ φ χ ψ ω Γ Δ Θ Λ Ξ Π Σ Φ Ψ Ω |
|
数学符号： |
∫ ∑ ∏ √ − ± ∞ ≈ ∝ ≡ ≠ ≤ ≥ → × · ÷ ∂ ′ ″ ∇ ‰ ° ∴ ℵ ø ∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇ ¬ ∧ ∨ ∃ ∀ ⇒ ⇔ |
20
| 您所看到的 | 您所输入的 |
|---|---|
|
只有签名：[[User:殒恒原罪|xxx]（讨论 | 贡献） 签名+时间：xxx（讨论 | 贡献）2024年11月21日（星期四）11:51 (UTC) 只有时间：2024年11月21日（星期四）11:51 (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:info@example.org?Subject=URL%20Encoded%20Subject&body=Body%20Text info] | info |
25★
以下是已定义的变量：
| 变量 | 解释 | 结果 |
| {{CURRENTYEAR}} | 年 | 2024 |
| {{CURRENTMONTH}} | 月（效果1） | 11 |
| {{CURRENTMONTHNAME}} | 月（效果2） | 11月 |
| {{CURRENTDAY}} | 日 | 21 |
| {{CURRENTDAYNAME}} | 星期 | 星期四 |
| {{CURRENTTIME}} | 时间（UTC） | 11:51 |
| {{NUMBEROFARTICLES}} | 目前的条目数 | 137,996 |
| {{PAGENAME}} | 当前页面标题 | 殒恒原罪/模板干货 |
| {{NAMESPACE}} | 当前页面的名字空间 | User |
| {{localurl:Wikipedia:沙盒&amp;amp;amp;#124;edit}} | 编辑页面的url | https://en.wikipedia.org/wiki/%E6%B2%99%E7%9B%92?edit |
| {{SERVER}} | 当前的服务器 | https://zh.moegirl.org.cn |
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; }
- 其中opacity为透明效果CSS 图像透明度
28
29
30
| ||||||||
| xxx |
|---|
|
xxx |
| |||||||||||||||||||||||||||||||||||||||||||||||||||
31
| xx | xxx | 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);} } )();