Html 设置主页图像布局的样式-目标div还是img？

我正在设计一个只使用图像内容的主页，没有文本

当我设置图像布局的样式时，这应该只在div类中完成（例如，天花板>还是我需要设置每个img类的样式（.天花>a>img）

只是考虑到我要深入的风格在这里，当它可以只是设置在顶级div

.类别4块{
宽度：100%；
左边距：-10px；
明确：两者皆有；
}
.天花板{
浮动：左；
宽度：23%；
左边距：5px；
边缘底部：20px；
}
.天花板>a>img{
边框样式：实心；
边框宽度：10px；
最大高度：240px；
最大宽度：100%；
宽度：100%；
}
.墙{
浮动：左；
宽度：23%；
左边距：22px；
边缘底部：20px；
}
.wall>a>img{
边框样式：实心；
边框宽度：10px；
最大高度：240px；
最大宽度：100%；
宽度：100%；
}
.岛{
浮动：左；
宽度：23%；
左边距：22px；
边缘底部：20px；
}
.island>a>img{
边框样式：实心；
边框宽度：10px；
最大高度：240px；
最大宽度：100%；
宽度：100%；
}
唐沃尔先生{
浮动：左；
宽度：23%；
左边距：22px；
边缘底部：20px；
}
.downwall>a>img{
边框样式：实心；
边框宽度：10px；
最大高度：240px；
最大宽度：100%；
宽度：100%；
}

您只需设置“包装器”的样式，即：.天花板、.墙、.岛、.下墙

.ceiling{float: left; width: 23%; margin-left: 5px; margin-bottom: 20px;}

.wall, .island, .downwall{float: left; width: 23%; margin-left: 22px; margin-bottom: 20px;}

然后，您可以为图像指定一个特定的类，该类将具有样式，例如：image

<img class="image" src="YOUR_IMAGE_SOURCE" />
<img class="image" src="YOUR_IMAGE_SOURCE" />
<img class="image" src="YOUR_IMAGE_SOURCE" />
<img class="image" src="YOUR_IMAGE_SOURCE" />

.image{border-style: solid; border-width: 10px; max-height: 240px; width: 100%;}

.image{边框样式：实心；边框宽度：10px；最大高度：240px；宽度：100%；}

欢迎来到Stack Overflow！这个问题要么是基于意见的，要么需要讨论，因此与Stack Overflow无关。如果你有一个具体的、可回答的编程问题，请提供完整的细节。不清楚你在问什么。提供关于你的问题的更详细的信息。就像@Paulie_D所说的，这实际上是一个意见问题。就我个人而言，我只会将目标锁定为：.img{}，除非您曾经遇到过这样的情况，即图像将出现在该容器中的锚之外。

<img class="image" src="YOUR_IMAGE_SOURCE" />
<img class="image" src="YOUR_IMAGE_SOURCE" />
<img class="image" src="YOUR_IMAGE_SOURCE" />
<img class="image" src="YOUR_IMAGE_SOURCE" />

.image{border-style: solid; border-width: 10px; max-height: 240px; width: 100%;}