DIV和span还有p标签应该怎么用?

发布网友发布时间：2022-04-06 12:11

共3个回答

热心网友时间：2022-04-06 13:40

div是块级元素，span是行内元素

div、p、h1~h6之类的块级元素默认情况下在他门后面的元素会被挤到下面去换行，而span行内元素就不会换行，还是在一行。你清楚了这个就大概知道什么时候该用什么了。例子：

代码：
<p>这里要<div>换行</div></p>

结果：
这里要
换行
------------------------------------
代码：
<p>这里不<span>换行</span></p>

结果：
这里不换行

还有个常见情况是比如：
<p>
一段文字是蓝色，我希望中间有两个字是<span>红色</span>的突出一下
</p>

假设p的样式是color:blue;，而文字中需要突出的“红色”两个字又不是个链接，就可以加个span，给span加上样式：color:red;

还有些特殊用法，你摸清楚了上面2个用法慢慢的就会明白了。

热心网友时间：2022-04-06 14:58

div里面可以套入span和p,而span和p里面一般不套入div。
其实你主要记住，div用于大的盒子模型，而p是段落，一般用于文章，而span是行内元素，一般用于为了表现某一个元素的特定属性，才有用。具体用法：
<div>
<p>22222222222222222222<span>www.qutzs.com</span>1111111111111</p>
</div>
为了给中间的链接加上颜色，就用了一个span,css样式如下：
p span {
color: red;
}

热心网友时间：2022-04-06 16:33

div是p标签都是块元素. 也就是说假如你放一个 div或者p在一行内,
那么他会独占一行. 称之为块元素.
块元素也可以转换为行内元素也就是像 a标签这一类的元素一个性质
只要我们给他一个 display:inline-block; 这样,他就既有块元素属性也有行内元素属性.

SPAN是一个内联元素,它纯粹是为了应用样式表面成立的,所以当样式表无效时,它的存在也就没有意义了

CSS的东西很灵活, 没有很死的用法,

P也可以嵌套DIV
DIV 也可以嵌套P 也可以嵌套SPAN
SPAN也可以嵌套他们.

看你怎么去用了.