如何製作更大的文字樣式？

Question

我在WordPress寫了一篇文章，其中包含一些代碼示例。我使用了代碼示例中的「預格式化」風格，它給出了一個不錯的等寬字體，並且不會擰多個空格，並且一切看起來都很棒......

...除了它是小！代碼示例的文本出現在一些可笑的小東西上，比如8點或者其他東西。 HTML沒有多大幫助;它只是通過將其包裝在<pre>標籤中才生成該文本。所以我認爲不好的尺寸設置必須來自我的樣式表。

雖然我不知道關於CSS的一些東西，但試圖瀏覽樣式表並不是很有幫助。有誰知道我怎麼能找到什麼導致<pre>標籤生成微小的文本，並調整它，使文本尺寸更大？

Answer 1

在Wordpress安裝中可能會出現幾種不同的樣式表，您必須全部閱讀它們才能找出導致問題的原因。您應該搜索「pre」的定義，但是，由於您對CSS不太瞭解，因此您可能需要進行多次測試以確定應該更改哪一個。

我相信一個更簡單的方法是爲代碼片段安裝一個插件，如this。

Answer 2

您應該能夠添加一個樣式像這樣：

pre { 
    font-size: 12pt; 
} 

CSS允許你將樣式應用到塊級項目，以及類和ID的。

Answer 3

在你的CSS，把下面的：

pre { font-size: 16px; } 

Answer 4

搜索在CSS文件「前」，那麼可能定義字體大小值。您可以將其更改爲更大的值以增加尺寸。以下是一個示例styling pre tags。