Summer cloud

div与span容器标签

span标签

span是一个容器标签,不具备任何特殊功能,仅当作容器来使用。用于包裹一段文本,便于给文本加样式。比如下面的例子,当我们使用<p>标签给文字加上背景颜色时,我们会发现整个段落都会起作用。

代码
效果

这时候如果我们在<p>标签内再使用span标签,给span再加上背景颜色,就会达到我们想要的效果。如下图

代码
效果

div标签

div标签是一个通用容器标签,不具备任何特殊功能,仅当作容器来使用。可以包裹任何内容,也可以容器直接互相包裹。容器之间可以嵌套、重叠。

如果我们的网页编写中有很多标签想要同一种效果时,如果一个个标签逐一添加同一种样式的话,会比较繁琐工作量会增大。这时候我们可以把这些标签都放在div容器内,再对div进行样式修饰,这时候就会简单许多,比如下面的例子

代码
效果

Like
Like Love Haha Wow Sad Angry
赞(3) 打赏
未经允许不得转载:Summer Cloud Blog » div与span容器标签
分享到: 更多 (0)
0 0 vote
Article Rating
Subscribe
提醒
guest
0 评论
Inline Feedbacks
View all comments

创作不易,打赏一下作者买瓶洗发露

支付宝扫一扫打赏

微信扫一扫打赏

0
Would love your thoughts, please comment.x
()
x