css的span是什么意思


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在css中,span的意思是范围,用于对文档中的行内元素进行组合,语法“<span>文本</span>”。span标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

<span>在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。<span>本身没有任何属性。

<span>在CSS定义中属于一个行内元素,而<div>是块级元素,我们可能通俗地理解为<div>为大容器,大容器当然可以放一个小容器了,<span>就是小容器。

使用 <span> 元素对文本中的一部分进行着色:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

  

<p>波斯猫有一双异色颜色,十分好看,它一只眼睛是

    <span style="color:blue;font-weight:bold">

        蓝色

    </span>

    的,另外一只眼睛是

    <span style="color:rgb(112, 177, 0);font-weight:bold">

        碧绿色

    </span>

    的。

</p>

  

</body>

</html>

效果:

XYK{O9E1V(QQQLV5%IEWUVU.png

推荐学习:css视频教程

以上就是css的span是什么意思的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css元素如何重叠?

css如何实现滑动门效果

css什么时候用class和id

css 怎么设置透明度渐变

css grid布局是什么?grid布局的基本介绍

css column-span属性怎么用

css border-image-source属性怎么用

css sprite优缺点有哪些

使用css样式制作单选框

16 个css开发中需要了解的devtools技巧

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...