所有 span 标签的 CSS 样式 - CSS

span 标签是 HTML 中的行内元素，常用于给文本的一部分应用特定的样式。在 CSS 中，可以通过选择器来为 span 标签定义样式。

CSS 选择器

要选择所有的 span 标签，可以使用以下选择器：

span {
    /* CSS 样式属性 */
}

这个选择器表示选择文档中的所有 span 标签，并为其应用相应的样式属性。

常见的样式属性

下面是一些常见的样式属性，可以用于为 span 标签定义样式：

• color：定义文字颜色；
• font-size：定义文字大小；
• font-weight：定义文字粗细；
• text-decoration：定义文字装饰效果，如下划线、删除线等；
• background-color：定义背景颜色；
• padding：定义内边距；
• margin：定义外边距；
• display：定义元素的显示方式，例如可以设置为 inline 或者 block；
• border：定义边框样式；
• text-align：定义文字对齐方式。

除了上述属性之外，还有很多其他的样式属性可以应用到 span 标签上，具体的选择取决于需要实现的效果。

示例

以下是一个示例，展示如何为所有的 span 标签设置样式：

span {
    color: red;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    background-color: yellow;
    padding: 5px;
    margin: 10px;
    display: inline-block;
    border: 1px solid black;
    text-align: center;
}

在上面的示例中，所有的 span 标签都将应用上述样式。你可以根据需求自定义这些样式属性，为 span 标签创建各种各样的效果。

希望这些信息对你有帮助！