span

来源:3-4 文字logo

Star3327752

2022-03-06 11:30:52

  1. 还是不理解span和div是什么用,前面视频讲这两个就讲了一两分钟,讲的太简单了

  2. 这两个标签和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元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,

祝学习愉快~

0

0 学习 · 9886 问题

查看课程