搞定CSS SPAN和DIV的区别

搞定CSS SPAN和DIV的区别的相关文章

• 
  [css]简明教程 SPAN和DIV的区别

  标签：Html CSS布局 Div+CSS XHTML

  SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码： ＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码...[ 查看全文 ]

  观海听涛hcq

  41
• 
  SPAN和DIV的区别

  标签：Web开发

  SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码： ＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML...[ 查看全文 ]

  三喵萌惴瑂z

  21
• 
  CSS样式表中SPAN和DIV的区别

  标签：Web开发

  SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码： ＜span＞SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML...[ 查看全文 ]

  嫩都叫我凯凯

  21
• 
  css(div+span)padding的使用

  标签：Web开发

  今天开Money的空间 有个小游戏 就玩了下，考察了一些基本知识，发现我不会的还真不少 源代码如下 html style #tab ul li { list-style:none; float:left; padding:5px 15px 5px 15px; } #tab div{ clear:both; } /style body script function setspan(id) {if( id==1){a.innerText="font color=red size=7设置文字/font"}; if( id==2){a.innerHTML="font color=red size=7设置代码/font"};...[ 查看全文 ]

  不念则忘95

  151
• 
  span div p 之间的不同区别

  标签：Web开发

  HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。 它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来，见CSS中级指南的类和id选择符。 span和div的不同之处在于span是内联...[ 查看全文 ]

  烈徒__

  01
• 
  css知识：Div和Span在使用中的不同之处

  标签：Html CSS布局 Div+CSS XHTML

  简单的说，HTML只是赋予内容的方法，大部分HTML标签都有其自已的特别意义（标签p创建段落，h1标签创建标题等等）的，但是，span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。 但实际上，与CSS结合起来后，它们就被应用得十分广泛。 它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来，见CSS中级指南的类和id选择符。 ...[ 查看全文 ]

  妖_哚

  581
• 
  关于DIV CSS和XHTML CSS的理解

  标签：Web开发

  WEB标准 是一系列标准的集合，并不是仅DIV CSS布局就可以实现。以CSS网页布局只是标准的基础之一。DIV CSS布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构，结合CSS最大程度使表现与内容相分离。 一位网友对W3C标准、重构与CSS布局的理解： 不知道从什么时候开始，在网络上到处可以看到div css，到底什么是div css呢？难道就是传说中的标准重构吗？标准从最简...[ 查看全文 ]

  山穷水尽疑乌路

  21
• 
  DIV+CSS中ID和CLASS

  标签：Web开发

  先看一段代码： div id="top"Hello Phoenix!/div 其中用到了id属性。对应CSS中的 #top{} 再看一段代码： div class="bottom"a href="#"Hello Phoenix!/a/div 其中用到了class属性。对应CSS中的 .bottom a{} 根据CSS2.0手册规定，伪类中就包括了a，例二中就是通过CSS控制超级链接 a 的属性，然后在div中定义该区域的a对应的类名。 因此，要注意id和class的区别，后者只能用于css伪类的调用。 [ 查看全文 ]

  股市小肉鸡

  21
• 
  DIV + CSS 入门

  标签：Web开发

  一、什么是DIV+CSS？ “DIV + CSS” 是最新WEB标准的一个典型的应用。 一般来说，网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签，表现主要包括CSS（层叠样式表：Cascading Style Sheets）， 行为主要包括例如对象模型（如W3C DOM）、ECMAScript等。 在我们日常所说的“利用DIV + CSS开发”概念中，DIV指的是包...[ 查看全文 ]

  一生爱你晓旭

  91
• 
  CSS IE 和 Firefox 的区别

  标签：Web开发

  Css 当中有许多的东西不不按照某些规律来的话，会让你很心烦，虽然你可以通过很多的hack，很多的!important 来控制它，但是你会发现长此以往你会很不甘心，看看许多优秀的网站，他们的CSS让IE6,Ie7,Firefox,甚至Safari,Opera运行起来完美无缺是不是很羡慕？而他们看似复杂的模版下面使用的Hack 少得可怜。其实你要知道IE 和 Firefox 并不不是那么的不和谐，我们找到一定的方法，是完全可以让他们和谐共处的。...[ 查看全文 ]

  忐忑跌宕

  21
• 
  轻松学DIV教程（div＋css布局）

  标签：Web开发

  你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align=left等等)束手无策，不知道该转换成对应的什么CSS...[ 查看全文 ]

  chen_long1024

  31
• 
  div css网页布局入门

  标签：Web开发

  你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换...[ 查看全文 ]

  ___末世微凉

  41
• 
  什么是DIV+CSS?

  标签：Web开发

  什么是CSS＋DIV？  CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。 CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。 DIV元素是用来为HTML文档内大块（...[ 查看全文 ]

  ljz2013140

  21
• 
  Div+CSS布局入门

  标签：Web开发

  在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我...[ 查看全文 ]

  qq1638481651

  91
• 
  CSS长度单位的区别 - pt,px和cm的区别

  标签：Web开发

  在CSS样式表中，我们经常会看到pt， px，em，ex ，in等这类长度单位。它们各是什么意思，有什么区别呢？ 我又写了另外一个HTML例子，测试一下cm。 在CSS样式表中，长度单位分两种： 相对长度单位，如px, em等 绝对长度单位，如pt,mm等 也谈px和pt的区别 经常看 到有人拿px和pt比较，主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时，用什么样的CSS长度单...[ 查看全文 ]

  彩票7843

  121
• 
  div中的id和class有什么区别

  标签：Web开发

  class是设置标签的类 id是设置标签的标识 class属性用于指定元素属于何种样式的类。 如样式表可以加入 .baobao { color: lime; background: #ff80c0 } 使用方法：class="baobao" id属性用于定义一个元素的独特的样式。如一个CSS规则#binbin { font-size: larger } 使用方法：id="binbin" id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；   class...[ 查看全文 ]

  浪子冰雕

  91
• 
  防止撑破div的CSS写法

  标签：Web开发

  自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html div id="wrap"正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义/div css #wrap{white-space:normal; width:200px; ...[ 查看全文 ]

  我就认识VV老衲

  231
• 
  DIV CSS常见错误汇总

  标签：Web开发

  CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css div的方式实现各种定位。应用应用DIV CSS编码时很轻易犯一些错误。本文列举了一些常见的错误： 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamw...[ 查看全文 ]

  水城一哥026

  21
• 
  DIV+CSS技术入门

  标签：Web开发

  CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化，越来越多的人在学习而很多初学者没有一个头绪，整理了一些学习的方法给大家。 一. CSS学习重在方法! 学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法! 要想掌握CSS, 首先要学会HTML! ...[ 查看全文 ]

  友家快捷旅店

  41
• 
  DIV+CSS常见的错误

  标签：Web开发

  CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamwea...[ 查看全文 ]

  颜ac

  101