A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.cdn.mozilla.net/zh-CN/docs/Web/HTML/Reference/Elements/span below:

<span>ï¼šå†…å®¹è·¨è¶Šå…ƒç´ - HTMLï¼ˆè¶…æ–‡æœ¬æ ‡è®°è¯è¨€ï¼‰ | MDN

<span>:内容跨越元素

Baseline Widely available

<span> HTML 元素是一个通用的行级容器,本身不具备特殊含义。它可被用于对元素进行编组,以便于添加样式(通过使用 class 或 id 属性),或共享属性值(例如 lang 属性)。该元素仅应在无其他合适语义元素时使用。<span> 与 <div> 元素非常相似,但是 <div> 是块级元素,而 <span> 是一个行级元素。

尝试一下
<p>
  Add the <span class="ingredient">basil</span>,
  <span class="ingredient">pine nuts</span> and
  <span class="ingredient">garlic</span> to a blender and blend into a paste.
</p>

<p>
  Gradually add the <span class="ingredient">olive oil</span> while running the
  blender slowly.
</p>
span.ingredient {
  color: #f00;
}
属性

这个元素只包含全局属性。

示例 示例 1 HTML
<p><span>一些文本</span></p>
结果 示例 2 HTML
<li>
  <span>
    <a href="portfolio.html" target="_blank">查看我的作品集</a>
  </span>
</li>
CSS
li span {
  background: gold;
}
结果 技术概要 规范 浏览器兼容性 参见

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4