2“样式”内联css img标签？答案

【问题标题】：2 "style" inline css img tags?2“样式”内联css img标签？
【发布时间】：2015-06-18 13:33:46
【问题描述】：

我有以下标签

<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;"

由于某种原因，图片的高度为 100 像素，但没有宽度。我认为这是因为你不能在同一个标签中连续写两个。如果这是真的，有没有办法同时分配高度和宽度？我已经在我的外部 CSS 上分配了不同的图像大小，我认为您不能在外部 CSS 的 div 标签属性中添加 img 属性。谢谢

【问题讨论】：

你应该可以将两种样式放在同一个样式标签中。

标签： html css

【解决方案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"/>

【讨论】：

【解决方案2】：

不要使用多个样式属性。只需在 style 属性中使用 ; 分隔样式它是一个内联 CSS 块，因此可以将其视为在单独的样式表中处理 CSS。

所以在这种情况下： style="height:100px;width:100px;"

您可以将它用于任何 CSS 样式，因此如果您想将文本的颜色更改为白色： style="height:100px;width:100px;color:#ffffff" 等等。

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

【讨论】：

【解决方案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。

【讨论】：

【解决方案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"/>

【讨论】：