2024年2月6日 – tech86blog

这篇将介绍如何设置每个 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。

在我们开始之前，打开 Xampp Control，主题文件夹，Firefox 浏览器，IE 浏览器，index.php和style.css这两个文件。

现在我们首先要确定的是主题的总体宽度。我们使用 750px；主题的大小取决于博客绝大多数访问者的屏幕分辨率。

不管怎样，我们怎么样把主题的总体宽度设置为 750px 呢？

我们需要把现在主题中的所有的东西（header，container，sidebar 和 footer）放入一个 750px 的 DIV 标签中。

在 <body> 之后增加：<div id=”wrapper”>

在 </body> 之前增加：</div>

在 style.css 文件中输入以下代码：

#wrapper{
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}

复制

您想添加自定义 CSS 来更改您网站的外观吗？。

添加自定义 CSS 可帮助您更改网站的布局和外观，这是通过默认选项无法实现的。使用 FTP 对大多数初学者来说太混乱了，但是还有其他方法可以添加自定义 CSS。

在本文中，我们将向您展示如何在不编辑任何主题文件的情况下轻松地将自定义 CSS 添加到您的 WordPress 网站。

CSS 是层叠样式表的缩写，是一种帮助您设计WordPress 网站样式的语言。CSS 和 HTML 结合在一起，因为 CSS 用于设置不同 HTML 元素的样式，例如颜色、大小、布局和显示。

添加自定义 CSS 有助于自定义网站的设计和外观，这是通过默认选项无法实现的。它给了你更多的控制权，你可以用几行代码轻松地改变你的WordPress 主题。

例如，假设您想更改每个帖子的背景颜色，而不是在整个网站上使用相同的颜色。通过添加自定义 CSS 代码，您可以个性化特定帖子或页面的背景。

日期: 2024 年 2 月 6 日