div和span怎么用

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

我来回答

共3个回答

懂视网时间：2022-04-06 16:32

本文将帮助您理解和使用在css和HTML中如何使用“div”和“span”，并用CSS对它们进行样式化。使用“div”的主要目的是将主体分成更小的部分，而“span”被用来定义行内一个区域。

微信截图_20181105142043.png

一：1.html中使用div

打开记事本并键入基本的HTML结构。它基本上包含HTML内部的主体。

2.将<div>标签放在body标签内。你必须记住div是一个容器标签，所以它后面必须有一个</div>，比如<div> </div>

<div>用于在页面上进行分割，因此您甚至可以在<div>中使用div标签。

二：1.在<style>中，给<div>一个ID并设置其高度，宽度，背景颜色等。

你可以使用＃为你的<div>制作一个ID，或者只是简单地写div并设置它的高度，宽度等。但是当你有很多div时，最好使用一个ID。

2.使用span

放入<span>标签并写入一些文本，然后用</span>关闭它。span标签通常用于选择行的一部分并对其应用某些属性。但是，您可以使用它来选择多行。

提示：

永远记住<div>和<span>都是容器标签，因此需要关闭。

你可以创建一个大的<div>并在其中放入许多<div>。

您可以使用<div>，而不是使用表格来制作网站的布局。

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

SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。

<span>SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，<span>标识符允许你将一个段落分成不同的部分。还有一个标识符具有类似的功能，<div>DIV也被用来在HTML文件中建立逻辑部分。但与<div>SPAN不同，<div>工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

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

div标签和SPAN标签很相似，只是一个独占一行，而另外一个可以自适应而已
但是现在应为CSS语言的流行，所以很多人现在都倾向于使用DIV标签，通过CSS属性控制它，SPAN标签个人感觉就快被淘汰了
对于这个标签呢，主要就是用于制作容器