我正在关注本教程http://www.w3schools.com/css/tryit.asp?filename=trycss_float_elements。
当所有图片设置为在CSS上面显示为110px x 90px时,为什么他们指定高度和宽度inline
?
答案 0 :(得分:0)
应该内联定义。如果您使用的是img标记,那么该图像应该具有内容的语义值,这就是验证所需的alt属性的原因。 这里有更多解释答案..(类似问题) https://stackoverflow.com/a/640232/3222041
答案 1 :(得分:0)
内联属性根据继承规则覆盖上述类中声明的属性。因此,如果您没有/忘记指定内联属性,则类thumbnail
中指定的属性将接管。
答案 2 :(得分:0)
基本上,内联样式有更多的pririoty。在您的情况下,类缩略图具有默认
height:90px
width:110px
每个图像都有不同的内联高度和宽度,这将覆盖样式表值。
<img class="thumbnail" src="klematis_small.jpg" width="107" height="90">
<img class="thumbnail" src="klematis4_small.jpg" width="120" height="90">
P.S:与w3schools的联系在这里非常不受欢迎。查看w3fools.com
答案 3 :(得分:0)
嗯,这只是一个教程,如果你删除内联高度和宽度,它不会有太大影响 也许你应该避免这些情况下的内联风格,但在一些罕见的情况下( 就像你制作电子邮件模板一样,有些电子邮件客户端不允许大多数webmail客户端删除它们中的样式。 )
但我不这么认为是故意的,所以忘记它并尽可能使用嵌入式和外部样式表:)
答案 4 :(得分:0)
您应该有一个指定图像尺寸的css类。在该教程中,内联维度是多余的。没有内联宽度和高度,图像呈现完全相同。
但是如果你想要用不同的维度覆盖css类维度,那么你可以使用内联样式,因为它们将覆盖css样式。
一个例子:假设你有一张90x110的图片,但你想在你的一个页面中将它们显示为45x55。您可以为它们使用内联样式,也可以创建另一个类来指定该维度。