用户:殒恒原罪/模板干货
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月26日(星期二)10:50 (UTC) 只有时间:2024年11月26日(星期二)10:50 (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}} | 日 | 26 |
{{CURRENTDAYNAME}} | 星期 | 星期二 |
{{CURRENTTIME}} | 时间(UTC) | 10:50 |
{{NUMBEROFARTICLES}} | 目前的条目数 | 133,610 |
{{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://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; }
- 其中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);} } )();