span
来源:3-4 文字logo
Star3327752
2022-03-06 11:30:52
还是不理解span和div是什么用,前面视频讲这两个就讲了一两分钟,讲的太简单了
这两个标签和p标签有啥区别???
1回答
好帮手慕小小
2022-03-06
同学你好
1、div
1)div标签是块级元素,拥有块级元素的特点。每对div标签(<div></div>)里的内容都占据一行,不会和其他标签在一行显示;div标签总是从新行开始显示;
2)div标签可以通过css样式来设置自身的宽度、高度,且还可以设置标签之间的距离(外边距和内边距,后续会学习到);
3)可以在div标签中,使用其他标签(行内元素、块级元素都行),比如:span标签,p标签,也可以是div标签。
2、span
1)span标签是行内元素,拥有行内元素的特点。span标签元素会和其他标签元素会在一行显示(块级元素除外),不会另起一行显示。
2)span标签的宽度、高度都无法通过css样式设置,它的宽高受其本身内容(文字)控制,随着内容的宽高改变而改变;span标签无法控制外边距和内边距,虽然可以设置左右的外边距和内边距,但上下的外边距和内边距无法设置。
3)span标签里只能容纳文本或者是其他的行内元素,不能容纳块级元素。
3、<p></p>标签是一个段落标签,会自行起一行段落,可以作为一个盒子来使用,p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,
祝学习愉快~
相似问题