如何更改reveal.js中的字体颜色？答案

【问题标题】：How to change font color in reveal.js?如何更改reveal.js中的字体颜色？
【发布时间】：2016-11-15 16:27:05
【问题描述】：

我尝试只在一个部分更改字体颜色，因为我添加了背景图片，否则您无法阅读白色：

            <section data-background="media/imagename.jpg">             
                <h2>blablabla</h2>
            </section>

我应该在这里添加什么让“blablabla”看起来是黑色的？

谢谢！

拉拉

【问题讨论】：

你试过谷歌吗？还是 css/html5 教程？

标签： reveal.js

【解决方案1】：

这比你想象的要简单：

内联编辑

<section data-background="media/imagename.jpg" *style="color:black"*>             
                <h2>blablabla</h2>
            </section>

或者，带有 .css 文件的第二个选项

<section id="namediv" data-background="media/imagename.jpg">             
                <h2>blablabla</h2>
            </section>

.css：

#namediv
{
  color:black
}

记得在您的 html/页面中包含 .css 文件。第一个更快，但看和使用起来很粗糙，第二个更有条理。请记住，您必须根据背景图像（蓝色背景白色字体等）调整字体颜色

【讨论】：

注意你写的是Html，纯粹是Html，你会使用reveal.js，在js脚本中你会动态改变你的内容。
第一个在reveal.js中不起作用，因为CSS主题用更具体的值覆盖了它（即h2元素的颜色在主题css中设置，我的black.css案例）

【解决方案2】：

另外，这里有一个示例，说明如何在幻灯片上使用 markdown 时更改字体颜色

<section data-markdown>
  <script type="text/template">
  <!-- .slide: style="color:white" -->  
    your text in markdown goes here...   

    _Doing is the best form of Saying_  
  </script>
</section>

【讨论】：

【解决方案3】：

执行此操作的最简单方法是使用内联样式属性，但您需要直接在 h2 元素上设置它以覆盖主题，即像这样：

<section data-background="media/imagename.jpg" >             
   <h2 style="color:black">blablabla</h2>
</section>

【讨论】：