Div方块与你


Div方块与你


——一份有关于Div方块与你可以用它来干什么的简易指导


评分: +1+x

你能在《SCP格式资源》看到一大堆花里胡哨的Div方块,也能在《你与高级格式》里看到一些基础的用法,但……它们究竟是如何工作的?


目录


基础语法

这篇指导已经描述了一些语法相关的内容,不过我们可以先从最简单的Div方块本身开始:

如上就是最简单的Div方块。它的源代码如下:

[[div]]
[[/div]]

你可以把Div方块视为办公软件(如WPS或Microsoft Office)中的文本框,不过Div方块没有默认样式,所以以上的空Div方块并不会显示在屏幕上。

现在,让我们来给它加上一些内容。

它的代码如下:

[[div]]
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
[[/div]]

类似地,这与普通文本没有太大区别。为了显示出美观的排版效果,我们需要引入Div方块一个重要的组成部分:内联样式。

Div方块的样式涉及到CSS。一般来讲,只要英语过关或熟练使用翻译器,你就能基本理解CSS代码表达的含义1。以下是为Div方块赋予样式的示例:

它的代码如下:

[[div style="margin: 1em; padding: 1em; border: solid 1px black;"]]
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
[[/div]]


CC BY-SA 114514.810