Html 不一致#包含css外观

出于某种原因，我的网站上的这两个页面出现了问题，它们的某些元素看起来应该是一样的，但出于某种原因，它们看起来有点不同

我有一些包含的asp文件链接到相同的CSS文件，所以我认为它们应该是相同的。不过，在about.asp页面上，间距看起来很小。不过，index.asp页面看起来很棒

以下是两页：

---

关于为什么这些有点古怪，你有什么想法吗？

看看那些使用Chrome开发工具（或Firefox中的Firebug）的页面，就会发现

index.asp

中的

SlideShow.css

有一个

*

样式（即每个元素）将

padding

设置为0，这使得你身体的padding和margin变为0（以及其他一切）零

这对于制作

SlideShow.css

的人来说是一种非常糟糕的做法，这也是造成布局混乱的主要原因。一个旨在模块化使用的css包含（如幻灯片中的下拉）永远不要使用

*

样式块，因为这会影响页面中的每个元素。它的所有样式块都应以某个类作为前缀，以限制其对幻灯片模块的影响

查看您的

SlideShow.css

，看起来您可能已经从其他地方粘贴了一些css，这可能是它引入的地方。您也不应该在外部css文件中包含

标记

---

如果你删除

SlideShow.css

include，你的页面看起来应该更相似。从那里，你可以编辑

SlideShow.css

，删除

*

样式并添加include，确保它不会再次把一切搞糟，但仍然让你的幻灯片发挥作用，或者只是找到一个不同的幻灯片模式le.

查看那些使用Chrome开发工具（或Firefox中的Firebug）的页面，会发现

index.asp

中的

SlideShow.css

有一个

*

样式（即每个元素）将

padding

设置为0，这会使你身体（以及其他一切）的填充和边距为零

这对于制作

SlideShow.css

的人来说是一种非常糟糕的做法，这也是造成布局混乱的主要原因。一个旨在模块化使用的css包含（如幻灯片中的下拉）永远不要使用

*

样式块，因为这会影响页面中的每个元素。它的所有样式块都应以某个类作为前缀，以限制其对幻灯片模块的影响

查看您的

SlideShow.css

，看起来您可能已经从其他地方粘贴了一些css，这可能是它引入的地方。您也不应该在外部css文件中包含

标记

---

如果你删除

SlideShow.css

include，你的页面看起来应该更相似。从那里，你可以编辑

SlideShow.css

，删除

*

样式并添加include，确保它不会再次把一切搞糟，但仍然让你的幻灯片发挥作用，或者只是找到一个不同的幻灯片模式le.

关于页面上有额外的间距，因为该间距会被索引页面上SlideShow.css中的样式删除：

* {
    margin:0;
    padding:0;
}

---

上面看起来像是样式的简单实现。

关于页面上有额外的间距，因为索引页面上的SlideShow.css中的样式会删除间距：

* {
    margin:0;
    padding:0;
}

上面看起来像是一个样式的简单实现