因此，我正在尝试为我的新投资组合网站编写设计代码，但我在那里遇到了一些问题，研究和将我的脸撞在电脑屏幕上的时间仍未解决。现在有两个大问题困扰着我，尽管还有一个我目前正在考虑是否要处理。
第一期是菜单。当您将鼠标悬停在它上面或在该页面上时，我希望字体从常规变为粗体。哪个有效。问题是当你将鼠标悬停在它上面时，菜单中的其他两个元素会稍微调整，因为类型权重的变化将它们推出。到目前为止，我的尝试都以失败告终。
第二个问题是页脚。我希望它留在页面底部。我的研究让我走了这么远，但现在它实际上停留在浏览器的底部，而不是内容的底部，而不是我想要的。感谢您提供的任何帮助!
最佳答案
您的页脚变得困惑，因为您向左浮动并向右清除。我个人对页脚的偏好总是starts with this very clean method并从那里建立。如果您感到困惑，请将您的内部内容与页面的其余部分分开并进行测试。
对于字体，您必须更像 UI 开发人员而不是图形设计师。与 Indesign、Illustrator 等不同，字体和间距并非 100% 像素完美。在一种浏览器中以一种方式呈现的内容将在另一种浏览器中以截然不同的方式呈现。在网络上加粗字体会使它变大，并且会增加间距。为了弥补这一点，将您的菜单元素设置得更宽一些以进行补偿，然后疯狂地进行测试。如果您只依赖边距和填充，那么每次都会用粗体悬停元素插入菜单。
只是一个建议，将你的 css 设置在一个单独的文件中并加载它。代码将被缓存，这将导致后续加载的性能改进。此外，您可以通过编写一个类将样式附加到您的元素并注意相对于其他元素的定位来节省大量代码。无需为投资组合中的每个元素单独设置样式以进行定位。
关于CSS 布局问题(页脚和 UL 样式)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6335145/