2“style”inline css img标签？

Question

我有以下标签

<img src="http://img705.imageshack.us/img705/119/original120x75.png"style="height:100px;" 
style="width:100px;" alt="25"/> 

我已经放了两个倾斜CSS命令在

style="width:100px;" 
style="height:100px;" 

出于某种原因，画面上有100px的高度，但没有宽度。 我认为这是因为你不能在同一个标​​签中的一行中写出其中的两个。 如果这是真的，有没有办法分配高度和宽度？ 我已经在外部CSS上指定了不同的图片大小，我认为您不能在外部CSS的div标记属性中添加img属性。 感谢

Answer 1

你并不需要2样式属性 - 只需使用一个：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
            style="height:100px;width:100px;" alt="25"/> 

考虑，然而，使用CSS类，而不是：

CSS：

.100pxSquare 
{ 
    width: 100px; 
    height: 100px; 
} 

HTML ：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" 
              class="100pxSquare" alt="25"/> 

Answer 2

请勿使用多个样式属性。 style属性中的单独样式与; 这是一个嵌入式CSS块，因此可以这么想，因为您会在单独的样式表中执行CSS。

因此，在这种情况下，它的： style="height:100px;width:100px;"

您可以使用此对任何CSS样式，所以如果你想要的文字颜色更改为白色： style="height:100px;width:100px;color:#ffffff"等。

但是，值得谨慎使用内联CSS，因为它可以使代码在未来不易管理。使用外部样式表可能是更好的选择。这取决于你的要求。内联CSS确实可以加快编码速度。

Answer 3

你应该使用：

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="25"/> 

这应该工作！

如果你想创建类，然后：

.size { 
width:100px; 
height:100px; 
} 

，然后应用它，如：通过创建可以在多个地方使用它的一类

<img src="http://img705.imageshack.us/img705/119/original120x75.png" class="size" alt="25"/> 

。

如果你只想在一个地方使用，然后使用内联CSS。 另外内联CSS覆盖其他CSS。

Answer 4

如果使用内联CSS使用

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="705"/> 

否则，你可以使用一个单独的css文件相关的类属性（样式您的网站）像 在CSS文件

.imgSize {height:100px;width:100px;} 

在HTML文件

<img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="705"/>