CSS样式表中SPAN和DIV的区别

2016-02-19 18:33 2 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的CSS样式表中SPAN和DIV的区别，喜欢的朋友可以分享一下，也算是给小编一份支持，大家都不容易啊!

【 tulaoshi.com - Web开发】

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

　　下面以一个实例来说明这两个属性的区别。

　　代码：

　　＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，＜span＞标识符允许你将一个段落分成不同的部分。

　　还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与＜div＞SPAN不同，＜div＞工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

　　效果：

　　SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。

　　还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

来源:https://www.tulaoshi.com/n/20160219/1618135.html

上一篇： CSS样式表一席谈之绝对定位与相对定位
下一篇： Oracle查询 rownum和rowid的区别

看过《CSS样式表中SPAN和DIV的区别》的人还看了以下文章更多>>

谈谈CSS样式表中的类和伪类

标签： Html CSS布局 Div+CSS XHTML

在CSS2.1中的选择符语法见下图，由语法形成了各种选择符。在CSS2.1中的选择符语法见下图，由语法形成了各种选择符。欢迎PR值大于3的网站与本站交换链接类:在HTML中当表现class属性的时候，人们可以用点(.)号来作为~=号的一个替代选择，所以div.value等同于div[class~=value]。此时.value只能严格的应用于HTML中的class属...

关于CSS样式表

标签： Web开发

一.在学习css之前你应该掌握哪些基础知识 1.什么是网页，什么是超文本语言（html）。 2.会使用Dreamweaver等常用的网页编辑器。 Dreamweaver是现今最好的网站编辑工具之一，而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS，用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver8在页面中加...

CSS教程:DIV元素与SPAN元素的区别

标签： Web开发

首先讲两个概念，一个是行内元素，一个是块级元素。行业元素是指该元素标记的内容不不会对现在的结构造成影响，属于应用样式，辅助应用样式表等作用；而块级元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。两者最明显的区别是：DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注...

CSS样式表书写顺序

标签： Web开发

整理了一下自己写CSS时的顺序，跟大家分享下。下表顺序为从上到下，从左到右： ======================== display || visibility list-style : list-style-type || list-style-position || list-style-image position top || right || bottom || left z-index clear float width max-width || min-width height max-height || min-height...

CSS样式表最佳习惯

标签： Web开发

大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范，但按照现有标准来使用CSS却还是不无裨益的。一般来说，开发人员应尽可能将内容与结构分离开来。这样做的好处在于： 1：增加站点的寿命不规范的样式表可能在当时觉得很方便，但新版本的浏览器出来以后，很可能就会出现兼容性问题。到时...

查看更多精彩>>