创建垂直扩展的盒子很容易，只需在 div CSS 中声明宽度，而不声明高度。div 会根据内容自动扩展到所需的大小。如果你想要更复杂的功能，例如在点击某个元素时扩展盒子，那么你需要使用 JavaScript 来实现。

你的 CSS 是否曾经出现过奇怪的行为，但看起来你似乎已经完美地设置了一切？这很可能是你的 HTML 声明导致了问题。有时候，当你只是快速拼凑一个简单的示例时，可能会不小心写出一些影响 CSS 的代码。例如，在一个标签里包含另一个标签，或者使用了一些不必要的属性。这些错误会导致 CSS 无法正常工作。

层叠样式表 (CSS) 的核心目的是将网页的样式与内容分离。这样做的原因是出于控制和代码美化的考虑。只需浏览一下CSS Zen Garden 或其他网站，你就会发现 CSS 的强大功能以及它如何使网页设计变得更加灵活和高效。

网页上的页脚是放置版权信息、联系方式和快速导航信息的绝佳位置。访问者习惯于在页面底部寻找这些信息，因此为何不帮助他们呢？...

2020 年 11 月更新:我认为这篇文章中的方法 4 是最好的解决方案。<div>（或任何其他包装元素）保持语义化和可访问性，同时在整个区域内都是“可点击的”。它不会破坏文本选择，而且...

我们刚刚发布了一篇文章，讨论了基于 JavaScript 的悬停图像的弊端。我们向你展示了如何用 CSS 来实现基本的功能，但现在是时候兑现承诺，提供一个真实的示例了。

这个...

* {
margin: 0;
padding: 0;
}

这种技术最近变得非常流行，而且有充分的理由。它可以移除页面上所有对象的默认边距和填充，无论浏览器是什么。这可以提供...

以下是一些你可以用来创建大型标题的简单样式。

h1.test1 {
  font-family: Georgia, sans-serif;
  font-size: 5em;
  letter-spacing: -2px;
}

h1.test2 {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 5em;
  letter-spacing: -2px;
  border-bottom: 2px solid black;
  text-transform: uppercase;
 

众所周知，像 Google、Yahoo 和 MSN 这样的搜索引擎主要依靠网页的文本内容来对其进行索引，并确定其与搜索的相关性。你也知道，在网页中使用标题标签（如<h1>）可以...