高度和宽度内联属性HTML/CSS

我在关注本教程http://www.w3schools.com/css/tryit.asp?filename=trycss_float_elements。高度和宽度内联属性HTML/CSS

为什么他们指定高度和宽度inline当所有图片设置为在上面的CSS中显示为110px x 90px？

2014-02-11 user3247608

可能重复的[HTML和CSS的宽度属性有什么区别？]（http://stackoverflow.com/questions/20742675/whats-the-difference-between-htmls-and-csss-width-attribute） - 我只是意识到已经有很多问题被问到这个例子。 – BoltClock

另一个可能的重复是在这里..and good anwser .. http://stackoverflow.com/a/640232/3222041 – newTag

它应该被内联定义。如果您使用的是img标签，那么该图像应该对内容具有语义价值，这就是验证所需的alt属性的原因。更多解释答案在这里..（类似问题） https://stackoverflow.com/a/640232/3222041

来源

2014-02-11 05:22:25 newTag

内联属性根据继承规则覆盖上述类中声明的属性。因此，如果您不要/忘记指定内联属性，则类thumbnail中指定的属性将接管。

来源

2014-02-11 05:23:03 nsane

基本上，内联样式有更多的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

来源

2014-02-11 05:24:56

好吧，这只是一个教程，也不会影响太大，如果你删除内嵌的高度和宽度也许你应该避免内联样式，这些天，但在某些罕见的情况下（就像当你的电子邮件模板，有些电子邮件客户端不允许使用多数网络邮件客户端的样式，但它们被大多数网络邮件客户端删除。）

但我不这么认为，故意忘记它，并且如果可能的话使用嵌入式和外部样式表：）

来源

2014-02-11 05:29:26

你应该有一个指定图像尺寸的CSS类。在该教程中，内联维度是多余的。图像呈现完全一样，没有内联宽度和高度。

但是，如果有一种情况，您想用不同的维度覆盖css类维度，那么您可以使用内联样式，因为它们将覆盖css样式。

举一个例子：假设你有一个90x110的图像，但你想在他们的页面上显示它们为45x55。您可以为它们使用内联样式，或者您可以创建另一个类来指定该维度。

来源

2014-02-11 05:36:16 kheya

高度和宽度内联属性HTML/CSS

回答

相关问题