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怎么让div居中

设置div的宽度可以通过css的什么属性

css如何实现阴影效果

css为什么不起作用

css怎么让图片旋转90度

css border-bottom-color属性怎么用?

css如何让盒子浮动

html中如何引入css

css制作立体导航栏的方法

css什么时候清除浮动

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




打赏

取消

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

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

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

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

评论

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