图像与css周围的图像

Question

如何在css和html中编码？我应该绝对做吗？或以某种方式浮动它？任何想法？

Answer 1

我会使用css定位，同时记住好的标记。所以基本上，让代码反映出<h1>是大型东部会议，每个团队都是列表项。 像这样：

<h1>The Big East</h1>
<ul>
<li>Team 1</li>
<li>Team 2</li>
...
</ul>

这样代码对于屏幕阅读器是有意义的，并且是最符合SEO的。 现在，就如何排列图像而言，您可以在CSS中完全完成。所以对于h1你只需要这样做：

h1{background-image:url(images/bigeast.png);text-indent:-9999px;display:block;overflow:hidden;}

缩进只是将文本发送到h1之外，因此在保持良好标记完整的同时无法看到它。只需对所有的li做同样的事情，你就可以拥有所有的图像。然后只需将元素上的所有位置设置为绝对位置，并将它们放在页面上，如左图所示：238px;和顶部：20px; 我知道这似乎是一种痛苦，但它确实不是那么难，特别是如果你使用萤火虫。 有意义吗？