由于某种原因，我的网站上的这两个页面存在一些问题，应该有一些元素看起来相同，但由于某种原因，它们看起来有点不同。
我有一些包含的 asp 文件链接到相同的 CSS 文件，所以我认为它们应该是相同的。不过，间距在 about.asp 页面上看起来不明显。然而，index.asp 页面看起来很棒。
这是两个页面：
http://www.marioplanet.com/index.asp
http://www.marioplanet.com/about.asp
关于为什么这些有点古怪的任何想法？
【问题讨论】：
标签： html css asp-classic include
使用 Chrome 的 devtools（或 Firefox 中的 Firebug）查看这些页面会显示，index.asp 中的 SlideShow.css 有一个 * 样式（即每个元素），将 padding 设置为 0，这使您的身体（以及其他一切）的填充和边距为零。
对于制作SlideShow.css 的人来说，这是非常糟糕的做法，并且主要是搞砸了您的布局。旨在以模块化方式使用的 css 包含（与插入式幻灯片一样）永远不应使用 * 样式块，因为这会影响页面中的每个元素。它的所有样式块都应该以某个类为前缀，以将其效果限制在幻灯片模块中。
看看你的SlideShow.css，看起来你可能从其他地方粘贴了一些 CSS，这可能是它被引入的地方。您也不应该在外部 CSS 文件中包含 <style> 标记。
如果您删除 SlideShow.css 包含，您的页面应该看起来更加相似。从那里，您可以编辑SlideShow.css 以删除* 样式并重新添加包含，确保它不会再次搞砸一切，但仍然可以让您的幻灯片完成它的工作，或者只是找到一个不同的幻灯片模块.
【讨论】：
about 页面上有额外的间距，因为间距被索引页面上 SlideShow.css 中的样式删除：
* {
margin:0;
padding:0;
}
上面看起来像是reset.css 样式的简单实现。
【讨论】：