05-C行动指南
Included page "component:linkage-theme" does not exist (create it now)
在一切开始之前,请务必要记住:
- 除非特别注明,本页内容采用以下授权方式:Creative Commons Attribution-ShareAlike 3.0 License
一个简略版本(详细内容,去看上面的链接):
- 你可以自由地对“没有额外声明”的本站内容进行共享和演绎。
- 你必须标注来源和原作者,以及不可以改换其他授权方式。
0. 写在前面
本文旨在使创作者快速上手一些网页设计效果,在进行使用之前需要明确几点:
- 既然是用别人的代码,那你得遵守CC协议。
- 这里只教给你“怎么用”,不教“怎么造”。
- 不推荐手机用户折腾代码。
- 最重要的一点,不要在你的文章里面加入很多代码,有的时候这并不酷,反而很是招人讨厌。
- 关于如何设计才能让网页变得好看,我一向认为“少设计就是好设计”。
更多可供参考的经验查阅这里。
- 关于如何设计才能让网页变得好看,我一向认为“少设计就是好设计”。
“你的代码很棒,但现在是我的了。”
- 05-C,此处 “C” 代表 “copy”。
小工具们……
1.1 维基语法
理论上你必会的最基本的设计元素,例如:加粗,删除线,下划线,上浮文字等等。
相关:维基语法。
1.2 div
div是一种基本的对某区域内元素进行设定的语法,使用[[div]][[/div]]进行定义。
[[div ]]
内容
[[/div]]
在SCP Wiki中,一般有两种div,他们的原理相似,copy方法略有不同。
1.2.1 class
这类div通常长这样:
[[module css]] <— css定义
.xxx {
元素1: 属性1;
元素2: 属性2;
……
}
[[/module]]
[[div class="xxx"]] <— class div,本体部分
内容
[[/div]]
在copy时应注意将[[module css]]里的对应部分一起取走。
1.2.2 style
通常长这样:
[[div style="元素1: 属性1; 元素2: 属性2; 元素3: 属性3;……"]]
内容
[[/div]]