0

我是 Web 开发的新手，我现在正在学习 HTML 和 CSS。我正在使用 Firefox 18，我希望在浏览器标题附近有一个菜单栏（很像 Facebook 的蓝色菜单栏）。

虽然我已经创建了菜单栏，但我在对齐它时遇到了问题。我的问题： 1. 如何减少顶部、右侧和左侧的空间，以使菜单栏紧贴 Firefox？我尝试了填充，但它只会改变菜单栏上项目之间的空间，而不是栏的对齐方式。2. 调整浏览器大小对栏的显示方式有影响吗？它是浏览器属性还是我可以从我编写的代码中取消调整菜单栏的大小？

谢谢！

4

3 回答 3

1

Web 开发人员 第一步：对Firebug和 Chrome 的开发人员工具功能变得非常友好[F12]。这些工具使您可以快速查看哪些元素应用了导致您发生冲突的样式。然后，您可以在页面中进行更改以测试您的修复。

于 2013-01-23T18:53:37.763 回答
1

您需要添加

* { margin: 0; padding: 0; }

在你的 CSS 顶部

- - 或者 - -

使用重置

重置样式表的目标是减少浏览器在默认行高、页边距和标题字体大小等方面的不一致。

http://meyerweb.com/eric/tools/css/reset/

于 2013-01-23T18:57:46.243 回答
1

我认为您应该在 Google 上搜索一些 reset.css 或 normalize.css，因为您可能会遇到浏览器默认样式的问题。Eric Meyer 的一个非常受欢迎，可以在这里找到http://meyerweb.com/eric/tools/css/reset/但还有其他可用的。

这样做是删除浏览器默认应用的所有样式。从现在开始将其包含在您制作的每个页面中可能是一个好主意，以使您的样式在所有浏览器中保持一致。我永远不会没有它！

于 2013-01-23T18:59:40.987 回答