span 与p 的区别,以及内联元素的作用

1.一般标签都有语义,p标签是指一个段落,而且默认是一个块级元素,span是一个行内元素的代表,没有什么意思,一般可以放文字等行内元素,例如
<p>这是一段简介内容这是一段 <span class="red">简介</span> 内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容这是一段简介内容</p>
以上是一段简介的段落,需要将“简介”两个字红色显示。当然这只是举的一个容易理解的例子而已。
span标签可以放在p标签里,p标签不应该放在span标签
2.通过把p的display:inlne 把p设为内联元素。 eg:把li设为display:inline 也可以li设为内联元素
<html>
<head>
<style type="text/css">
p {display: inline}
</style>
</head>
<body>
<p>本例中的样式表把段落元素设置为内联元素。</p>
<p>而 div 元素不会显示出来!</p>
<div></div>
</body>
</html>
原文地址:https://www.cnblogs.com/qianxinxu/p/6008789.html