Markdown expression.js演示文稿的缩小字体大小和右对齐字体_Markdown_Pandoc_Reveal.js

Markdown expression.js演示文稿的缩小字体大小和右对齐字体

markdown

Markdown expression.js演示文稿的缩小字体大小和右对齐字体,markdown,pandoc,reveal.js,Markdown,Pandoc,Reveal.js,大家好：我正在用markdown编写一些讲座，并将它们转换为discover.js幻灯片。老实说，它工作的很好，除了有一些基本的功能我想修改，但我只是不知道我的方式围绕CSS 我怎样才能：将幻灯片上的大部分文本左对齐缩小大多数幻灯片正文文本的字体大小。一般来说，我想这样做，但我特别需要为参考资料页这样做谢谢第一步是转到部分。在底部为自定义CSS样式创建一个新的标记在leaver.js中对齐幻灯片上的文本创建一个名为left的新类。 .left{} 在类中，将文本对齐：左。您的代码应

大家好：我正在用markdown编写一些讲座，并将它们转换为discover.js幻灯片。老实说，它工作的很好，除了有一些基本的功能我想修改，但我只是不知道我的方式围绕CSS

我怎样才能：

将幻灯片上的大部分文本左对齐

缩小大多数幻灯片正文文本的字体大小。一般来说，我想这样做，但我特别需要为参考资料页这样做

谢谢

第一步是转到

部分。在底部为自定义CSS样式创建一个新的

标记

在leaver.js中对齐幻灯片上的文本创建一个名为left的新类。


.left{}

在类中，将

文本对齐：左。您的代码应该如下所示：
<style>
  .left {
    text-align: left;
  }
</style>

<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>

或：
（：。你在用什么？简单的主题！
<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>

<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>