2013-06-27 70 views
1

我与WordPress的工作,因为它们会自动添加已删除的宽度和高度ATTR的添加时的图像,但我已经通过样式表大小的图像:添加宽度和高度ATTR的图像和或CSS

.foo img { 
     max-width:500px; 
     width:100%; 
    } 

做一个小的阅读似乎内嵌ATTR与页面加载时间的帮助,所以我不知道以后:

  • 我应该使用一个或另一个或两者兼而有之?
  • 将内嵌ATTR覆盖CSS?

回答

2

他们应该被内嵌在电子邮件中,以帮助页面加载时间,你所说的。内联样式将胜出外部样式表,但样式表将覆盖heightwidth属性。

换句话说,<img height='300' width='300'>可以在外部样式表中覆盖,但不可以在<img style='height:300;width:300'>中覆盖。

+0

首先,样式属性需要的单位。 '300px'。其次,请注意,不应该再使用这些属性,因为它们已经过时。 –

+0

你对错过的“px”单位是对的。我想这只是一段记忆。但是,您误解了“height”和“width”属性。他们非常活跃,很好。 'align','border','hspace'和'vspace'不再被支持,但HTML5中仍然支持高度和宽度。 –

+1

我的歉意。我发现跟踪哪些元素和属性不推荐或不推荐是越来越难了。在这种情况下,我很确定自己是对的,所以我懒得去查。好吧。 –

0

外部样式表用于组织你的设计,可以级联。使用外部样式表的优点是可以对一个或多个独立样式表文件进行更改,而无需修改主标记中的内联属性。通过这种方式,您可以轻松更改样式属性。

您可以使用内嵌样式将覆盖样式表属性在大多数情况下,但语法和格式应该是正确的。

这真的取决于你想要做什么,但我通常喜欢外部造型,因为这允许设计师来设计(通过外部样式表)独立开发的。

请参考http://www.w3schools.com/css/css_howto.asp

+0

您链接到的页面上的信息不正确;作者并不完全了解级联的工作原理。也许最好删除这个链接。 –

1

如果你希望所有的图像类Foo宽度相同的属性,您应该使用外部片。宽度像素决定分辨率,宽度百分比决定拉伸。内联将覆盖外部工作表。