如何使某个文本样式更大?

时间:2009-09-29 22:42:50

标签: html css wordpress

我在WordPress中写了一篇包含一些代码示例的帖子。我使用了“预先格式化”的代码示例样式,它提供了一个漂亮的等宽字体,并没有搞砸多个空格,一切看起来都很棒......

...除了它很小!代码示例的文本出现在一些非常小的东西上,比如8磅或者其他东西。 HTML没有多大帮助;它只是通过将其包装在<pre>标记中来生成此文本。所以我认为不好的尺寸设置必须来自我的样式表。

我不知道关于CSS的事情,并且试图查看样式表并不是很有帮助。有谁知道我怎么能找到导致<pre>标签生成小文本并调整它以使文字大小变大的原因?

4 个答案:

答案 0 :(得分:1)

您应该可以添加如下样式:

pre {
    font-size: 12pt;
}

CSS允许您将样式应用于块级项目以及类和ID。

答案 1 :(得分:1)

在CSS中,输入以下内容:

pre { font-size: 16px; }

答案 2 :(得分:1)

您的Wordpress安装中可能有几种不同的样式表,您必须全部阅读它们才能找出导致问题的原因。你应该搜索“pre”的定义,但是,鉴于你对CSS知之甚少,你可能需要做几个测试来找出你应该改变的那个。

我认为更简单的方法是安装代码段的插件,例如this

答案 3 :(得分:0)

在CSS文件中搜索“pre”,可能会定义字体大小值。您可以将其更改为更大的值以增加大小。这是一个例子styling pre tags