Html h1：悬停在整个宽度上响应，无法链接h1和don'；I don’我不知道如何针对不同的事物

对不起，可能不是最好的标题。我在练习html/css的代码中遇到了一些问题

• h1:hover

  每当我将光标悬停在与h1标题相同高度的任何对象上时，都会做出响应
• 我也很难连接它。请参阅下面的代码

  <a href="http://www.bing.com"></a><h1>Bing</h1>
  

  Bing
  

• 我还想知道如何通过CSS来定位HTML代码中的特定内容。例如，如果我使用IMG导入HTML格式的图像，我将如何在CSS中编辑该图像

---

谢谢。

H1是一个块元素，所以它跨越了页面的总宽度。若要限制此效果，必须将其应用于固定宽度，或“显示：内联块

关于第二个问题，正确的代码是：

<a href="http://www.bing.com"><h1>Bing</h1></a>

---

H1是一个块元素，所以它跨越页面的总宽度。若要限制此效果，必须将其应用于固定宽度，或“显示：内联块

关于第二个问题，正确的代码是：

<a href="http://www.bing.com"><h1>Bing</h1></a>

---

您的锚点应该位于您的

h1

内，然后您可以对锚点应用任何悬停更改：

HTML:

---

您的锚点应该位于

h1

内，然后您可以对锚点应用任何悬停更改：

HTML:

---

首先，默认情况下，

h1

跨越页面的整个宽度。尝试将其更改为

内联块

元素，如下所示：

h1 {
    display:inline-block;
}

其次，您需要将

a

标记放在

h1

标记的内部，并将文本放在

a

的内部，以便将其用作链接

<h1><a href="http://www.bing.com">Bing</a></h1>

CSS

---

首先，默认情况下，

h1

跨越页面的整个宽度。尝试将其更改为

内联块

元素，如下所示：

h1 {
    display:inline-block;
}

其次，您需要将

a

标记放在

h1

标记的内部，并将文本放在

a

的内部，以便将其用作链接

<h1><a href="http://www.bing.com">Bing</a></h1>

CSS

#myImage {
    width: 250px;
}