Question

我正在使用的书告诉我要做以下事情：

img [title.jpeg] {border：3px solid;}

这不起作用，我试过没有[title.jpeg]但它仍然不起作用。如何在CSS样式表中标识img元素？它是否嵌入H1元素中是否重要？

Answer 1

只需在css中使用img之前的父元素来识别正确的图像。

如果您的图片位于标记中，则无关紧要，如下例所示。

您还可以为图像指定一个特定ID，以便仅选择该图像，而不是尝试使用图像名称。

＆＃13;

h1

＆＃13;

h1 img{
  width:50px;
}
#thisOne{
  width:100px;
}

＆＃13;

Answer 2

您可以在HTML中添加带有样式标记的内嵌CSS ，如下所示：

<img title="#" style="border: 3px solid" src="example.jpg"/>

或者，您可以使用 CSS ... 例如，您可以将样式添加到 img 标记：

img {
border: 3px solid;
}

如果你想使用CSS，你可以包含一个单独的.css文件，或者将css代码添加到你的html文件中，并在页面的<style>部分内添加<head>个标签。

Answer 3

本书中的示例仅在您的文件名为“title.jpeg”时才有效 - 如果他们添加了：

img [src * =“title.jpeg”] {border：3px; }

您可以为图像添加类，ID或其他标识符并修改类。或者您可以使用上述语法，只需使其与您的文件名匹配。