spi*_*tor 5 markdown pandoc reveal.js
您好：我正在用 Markdown 编写一些讲座，并将它们转换为 Reveal.js 幻灯片。老实说，它工作得很好，除了我想修改一些基本功能，但我只是不知道如何使用 CSS。
我怎么能够：
谢谢你！！
第一步是转到该<head></head>部分。在底部<style></style>为您的自定义 CSS 样式创建一个新标签。
创建一个名为 left 的新类。
.left { }
在你的班级中，放置text-align: left;. 您的代码应如下所示：
<style>
.left {
text-align: left;
}
</style>
在 HTML 中，将该left类添加到任何元素。例如。
<section class="left">Slide 1</section>
或者：
<section>
I'm just normal text.
<p class="left">But I'm not!</p>
</section>
首先要做的是创建一个新类，就像我们对齐文本所做的那样。
<head>
<!-- Custom Styles For Our Presentation -->
<style>
.left {
text-align: left;
}
.size {
}
</style>
</head>
然后添加以下内容：
font-size: /*custom font size*/;
您可以在那里更改大小。CSS 还为此提供了一些内置样式，例如large、medium和small。之后，只需将类添加到您选择的元素中即可。您还可以将类添加到一个元素，如下所示：<section class="left size">Slide 1</section>。你的完成代码可能是这样的：
<head>
<!-- Custom Styles For Our Presentation -->
<style>
.left {
text-align: left;
}
.size {
font-size: 80px;
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section class="left size">Slide 1</section>
<section>Slide 2 <p class="left">Text aligned left</p></section>
</div>
</div>
</body>