课时90.div和span（掌握）

Yuqi 发布于2019-04-23 13:36 / 1275人阅读

摘要：和都可以把信息独立称一个小小都区域。有的人在这里用，这里不推荐，因为是用于和表单元素进行绑定的，它和表单元素搭配使用的。和有什么区别会多带带的占一行，而不会多带带占一行。是一个容器级别的标签，而是一个文本级别的标签。

为什么在这里讲解div和span呢，而不在html中讲解呢？

因为在我们的开发中div和span一般是配合css来使用的，来完成一定的效果，来设置一些属性，在前面我们没有学习css，所以体会不到它的效果。

div和span都可以把信息独立称一个小小都区域。

1.什么是div？

作用：一般用于配合css完成网页都基本布局

如何快速打出以下样式？

先打上div.header 然后按下tab键

2.什么是span？

作用：一般用于配合css修改网页都一些局部信息

我们来看下面这句话，我想给“无能为力”和“感动自己”加上红色，但是如果使用p标签整段话都会变红的。

所以如果我们给你想要修改的字的部分添加一个span标签，就可以来。

有的人在这里用label，这里不推荐，因为label是用于和表单元素进行绑定的，它和表单元素搭配使用的。

所以如果想修改局部信息要用span，修改布局信息要用div。

3.div和span有什么区别？

3.1 div会多带带的占一行，而span不会多带带占一行。

2.div是一个容器级别的标签，而span是一个文本级别的标签。

4.容器级的标签和文本级的标签的区别？

容器级的标签中可以嵌套其它所有的标签

文本级别的标签中只能嵌套文字/图片/超链接

容器级的标签：div h ul ol dl li dt dd......

文本级的标签：span p b u i s strong em ins del.....

看下面实例子：

div中嵌套所有标签都可以正常显示

在文本标签中嵌套不能正常显示,会多出来一个p，h1标签会跑出来

注意点：

哪些标签是文本级的，哪些标签是容器级的，我们不用刻意去记忆，在企业开发中一般情况下要嵌套的都是嵌套在div中，或按照组标签来嵌套（如ol和li，ul和li，dl和dt/dd）

专线服务私有云课时 Span asp span span的值

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/2102.html

课时91.CSS元素显示模式（掌握）

摘要：所以我们要用到行内块级元素如标签，既不独占一行，又可以设置宽高在HTML中HTML将所有的标签分为两类，分别是容器级和文本级在CSS中CSS也将所有的标签分为两类，分别是块级元素和行内元素 1.什么是块级元素，什么是行内元素？块级元素会独占一行行内元素不会独占一行块级元素容器级标签都是块级元素还要加上一个p p div h ul ol dl li ...

Drummor 2019-04-23 13:36 评论0 收藏0
我是如何学习游戏引擎的？

摘要：下面列举了游戏开发中常见的岗位以及两条常见的协作开发的流水线其实学习游戏引擎，前期对于任何岗位来说路线都是相似的，基本上就是一个熟悉基本操作理解基本概念拓展专业知识的过程。当然这不是绝对的，任何引擎的开始阶段和大成阶段都是相似的。这是【游戏开发那些事】第51篇原创前言：游戏引擎，表面...

未东兴 2021-09-30 09:48 评论0 收藏0
课时57.HTML被废弃的标签（掌握）

摘要：为什么中有一部分标签会被废弃因为当前中的标签只有一个作用，就是用来添加语义，而早期的标签中有一部分标签是没有语义的有一部分标签是用来修改样式的所以这部分标签就被淘汰了没有任何的语义，都是用来修改样式的以后在企业开发中，不到万不得已一定不要使1.为什么HTML中有一部分标签会被废弃？因为当前HTML中的标签只有一个作用，就是用来添加语义，而早期的HTML标签中有一部分标签是没有语义的　　有...

TIGERB 2019-04-23 13:38 评论0 收藏0
课时100.背景图片和插入图片区别（掌握）

摘要：快捷键补充到这里属性基本就讲完了，然后我们还有一些的属性没有讲，但是要用到盒子模型，现在我们没有学盒子模型，所以不用讲背景图片和插入图片区别我们先来看一个例子如何快速的打出以下代码键现在，我们要分别用背景图片和插入图片的方式插入快捷键补充： bc background-color:; bi background-image:; bgr background-repeat:; gp ba...

omgdog 2019-04-23 13:36 评论0 收藏0
课时18.h标签和p标签以及hr标签（掌握）

摘要：如何在中利用快捷键创建一个新的的文件同时按下键盘上的同时按下键盘上的标签系列作用用于给文本添加标题语义格式注意点标签是用来给文本添加标签题语义的，而不是用来修改文本的样式的标签一共有个，从，最多只能到，超过则无效可以利用每一个标签都独占一行如何在webstorm中利用快捷键创建一个新的html的文件？同时按下键盘上的ctrl+alt+insert（windows）同时按下键盘上的ct...

Allen 2019-04-23 13:39 评论0 收藏0