在网页开发中，不同的窗口可以分别定义 CSS 样式，使用不同的样式可以让不同的窗口在视觉上更易于区分。 例如，我们可以使用下列 CSS 样式定义普通窗口的外观：

p {
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
}

上述代码中，我们使用了 p 标签选择器，为普通窗口定义了背景色、边框以及内边距。这些样式可以让普通窗口在页面中更加醒目。 另外，我们还可以使用类名来定义特殊窗口的 CSS 样式。例如，下列代码就定义了一个名为 “highlight” 的类，用来给特殊窗口加上高亮效果：

.highlight {
background-color: #ff0;
border: 2px solid #f00;
padding: 20px;
color: #333;
}

为了让一个窗口应用这个类，我们只需要在对应的 HTML 元素中加上 “highlight” 类即可：

<p class="highlight">这是一个特殊窗口</p>

最后，我们还可以利用标签的 ID 属性为某个特定窗口定义 CSS 样式。例如，下面的代码定义了一个 ID 为 “sidebar”的窗口，并给它加上了背景图像和阴影效果：

#sidebar {
background-image: url(sidebar.png);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
padding: 10px;
}

为了在 HTML 中使用这个 ID，我们可以在对应的元素中添加 “id” 属性，如下所示：

<div id="sidebar">
<p>这是一个侧边栏窗口。</p>
</div>

通过使用不同的选择器和样式定义，我们可以让网页中的窗口在外观上呈现出不同的风格和特效，从而提升用户体验和页面效果。