CSS可以用于许多不同类型的网页设计。其中之一是创建小窗口。小窗口可以在浏览器窗口内弹出，例如当用户点击按钮时。使用CSS，可以轻松地创建这些小窗口，从而增强网站的交互性。本文将向你介绍如何使用CSS创建小窗口。

首先，我们需要在HTML中创建一个按钮，用户点击该按钮时，弹出窗口。

<button id="myButton">点击此处</button>

接下来，我们使用CSS选择器为按钮添加样式。我们希望样式仅适用于该特定按钮，因此我们将使用id选择器。

#myButton {
background-color: grey;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}

现在我们已经为按钮添加了样式，接下来我们需要为小窗口添加样式。我们可以使用伪类选择器":target"，该选择器可以匹配当前URL中指定的锚点，从而为这个锚点添加样式。

#myWindow:target {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 400px;
background-color: white;
padding: 20px;
z-index: 1000;
border: 2px solid grey;
box-shadow: 0px 0px 10px black;
}

使用上述CSS样式，我们可以在按钮被点击时，弹出一个大小为400px x 400px的窗口，并在其中展示一些内容。

总之，使用CSS可以轻松地创建小窗口，并增强网站的交互性。通过在HTML中创建按钮并使用CSS选择器为按钮和小窗口添加样式，我们可以在网站上创建强大的交互式功能。