Template:Font/doc:修订间差异
跳转到导航
跳转到搜索
imported>KaguyaCity 无编辑摘要 |
imported>KaguyaCity 无编辑摘要 |
||
| (未显示同一用户的7个中间版本) | |||
| 第22行: | 第22行: | ||
| 目标文字字体。 | | 目标文字字体。 | ||
|字体名称,多个字体应用半角逗号(''',''')隔开,具体用法参见→<ref>[http://www.w3school.com.cn/cssref/pr_font_font-family.asp CSS font-family 属性]</ref>;可能的值参见[[zhwiki:Microsoft_Windows字体列表|Windows字体列表]]、[[zhwiki:Mac_OS_X字体列表|Mac OS X字体列表]]。 | |字体名称,多个字体应用半角逗号(''',''')隔开,具体用法参见→<ref>[http://www.w3school.com.cn/cssref/pr_font_font-family.asp CSS font-family 属性]</ref>;可能的值参见[[zhwiki:Microsoft_Windows字体列表|Windows字体列表]]、[[zhwiki:Mac_OS_X字体列表|Mac OS X字体列表]]。 | ||
| | |"黑体" | ||
|- | |- | ||
|'''size''' | |'''size''' | ||
| 第37行: | 第37行: | ||
| 目标文字背景颜色 | | 目标文字背景颜色 | ||
|颜色代码;具体信息同上 | |颜色代码;具体信息同上 | ||
| | |''无''(即无背景) | ||
|- | |- | ||
|'''shadowcolor''' | |'''shadowcolor''' | ||
| 目标文字阴影颜色。 | | 目标文字阴影颜色。 | ||
|颜色代码;具体信息同上 | |颜色代码;具体信息同上 | ||
|无(即无阴影) | |''无''(即无阴影) | ||
|- | |- | ||
|'''css''' | |'''css''' | ||
| 目标文字的其他CSS样式 | | 目标文字的其他CSS样式 | ||
|可能的值参见→<ref>[https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts CSS Fonts]</ref>。 | |可能的值参见→<ref>[https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts CSS Fonts]</ref>;参数名与取值之间用<code>:</code>或<code>:</code>而'''不是'''<code>=</code>连接,不同参数之间用<code>;</code>或<code>;</code>隔开。 | ||
|''无'' | |''无'' | ||
|- | |- | ||
| 第63行: | 第63行: | ||
*调换各参数的顺序不会影响使用。 | *调换各参数的顺序不会影响使用。 | ||
*如果文字中有出现半角等于号('''='''),则必须使用第二种用法,否则文字不会显示。 | *如果文字中有出现半角等于号('''='''),则必须使用第二种用法,否则文字不会显示。 | ||
*您也可以和<code><nowiki><font></nowiki></code>标签、<code><nowiki><span></nowiki></code>标签一起使用,但参数设置不能冲突。 | |||
== 范例 ==<!--==用例==--> | == 范例 ==<!--==用例==--> | ||
| 第93行: | 第94行: | ||
|{{Font|color=#FF0000|1=如果有=出现,必须要指明参数为1,即在前面写上“1=”。}} | |{{Font|color=#FF0000|1=如果有=出现,必须要指明参数为1,即在前面写上“1=”。}} | ||
|- | |- | ||
|<code><nowiki>{{Font|class=class0|css=writing-mode:tb-rl;border: | |<code><nowiki>{{Font|class=class0|css= | ||
|{{Font|class=class0|css=writing-mode:tb-rl | writing-mode:tb-rl; | ||
border:2px solid #a1a1a1; | |||
padding:10px 40px; | |||
background:#dddddd; | |||
width:300px; | |||
border-radius:25px;|1=欢迎CSS大手子这样玩}}</nowiki></code> | |||
|{{Font|class=class0|css= | |||
writing-mode:tb-rl; | |||
border:2px solid #a1a1a1; | |||
padding:10px 40px; | |||
background:#dddddd; | |||
width:300px; | |||
border-radius:25px;|1=欢迎CSS大手子这样玩}} | |||
|} | |} | ||
2019年5月22日 (三) 11:13的最新版本
模板介绍
{{Font}}模版基于CSS样式表,用来设定字体、大小、颜色、阴影及底色。
结构
本模板有8个参数:
| 参数名 | 简介 | 参数类型 | 默认值 |
|---|---|---|---|
| class | 目标文字的 class 属性。 | 无 | |
| title | 文字的注释。鼠标悬停在文字上时会以“弹出式提示框”的形式显示。 | 任意字符,除管道符(|)、连续两个大括号({{、}})外。管道符可以用{{!}}代替。
|
无 |
| font | 目标文字字体。 | 字体名称,多个字体应用半角逗号(,)隔开,具体用法参见→[1];可能的值参见Windows字体列表、Mac OS X字体列表。 | "黑体" |
| size | 目标文字缩放尺寸。 | 数字;使用时需附单位:px/em/ch/pt/%,或是使用calc(),否则默认单位为px | 14px |
| color | 目标文字文字颜色。 | 颜色代码;使用十六进制代码时应用半角井号(#)做前缀,如#000000。参见Help:Color | black |
| bgcolor | 目标文字背景颜色 | 颜色代码;具体信息同上 | 无(即无背景) |
| shadowcolor | 目标文字阴影颜色。 | 颜色代码;具体信息同上 | 无(即无阴影) |
| css | 目标文字的其他CSS样式 | 可能的值参见→[2];参数名与取值之间用:或:而不是=连接,不同参数之间用;或;隔开。
|
无 |
| 1 | 目标文字内容。如果在使用时没有为一个参数给定名称(即{{font|参数名=参数值}}),那么第一个这样的参数会被理解为参数1。
|
任意字符,除管道符(|)、连续两个大括号({{、}})外。管道符可以以{{!}}代替。
|
无;这是必须参数。 |
语法
{{Font|class=class属性|title=标题|font=文字字体|size=大小|color=颜色|bgcolor=背景颜色|shadowcolor=阴影颜色|css=其他css样式|文字}}{{Font|class=class属性|title=标题|font=文字字体|size=大小|color=颜色|bgcolor=背景颜色|shadowcolor=阴影颜色|css=其他css样式|1=文字}}
注意:
- 除参数1外其他参数均是可省略参数,若省略,则会使用“结构”中所述的默认值。
- 调换各参数的顺序不会影响使用。
- 如果文字中有出现半角等于号(=),则必须使用第二种用法,否则文字不会显示。
- 您也可以和
<font>标签、<span>标签一起使用,但参数设置不能冲突。
范例
比如,输入{{Font|color=#7f5620|font=标楷体|size=20px|文字在这里。}}
结果会是︰文字在这里。
| 输入 | 结果 |
|---|---|
{{Font|不变化}}
|
不变化 |
{{Font|color=#7f5620|font=标楷体|size=20px|啡色的文字。}}
|
啡色的文字。 |
{{Font|color=#bf00bf|font=Century Gothic|size=35px|Hello World!}}
|
Hello World! |
{{Font|bgcolor=#364d6a|color=#c9b295|font=Simhei|size=16px|囧囧囧囧囧}}
|
囧囧囧囧囧 |
{{Font|title=就像这样|bgcolor=#f9f9ef|color=#5a7aad|shadowcolor=blue|font=Simhei|size=24px|可以选用全部选项。}}
|
可以选用全部选项。 |
{{Font|size=25px|可以只选用其中一项选项。}}
|
也可以只选用其中一项选项。 |
{{Font|color=#FF0000|1=如果有=出现,必须要指明参数为1,即在前面写上“1=”。}}
|
如果有=出现,必须要指明参数为1,即在前面写上“1=”。 |
{{Font|class=class0|css=
writing-mode:tb-rl;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:25px;|1=欢迎CSS大手子这样玩}}
|
欢迎CSS大手子这样玩 |