html 行内标签 span

span中文意思:范围。通常一般称为:行内标签、行内元素。


1 需求场景

1个标签(例如段落)的1部分文字需要设置1个样式,另1部分文字需要设置另1个样式。可通过span进行标记,然后在span标签加相应的样式。


2 语法

<span 样式属性>内容</span>

3 示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标签span 例子 | 关关教程</title>
</head>

<body>
    <p>种小小的<span style="color: blue;">种子</span>,开<span style="color: red;">小小的花</span>。</p>

</body>

</html>

运行效果

img


4 默认样式

span默认不换行,无上下左右的空白间距。


5 逻辑意义

用于标记部分文字,进行样式设置。