css教程:网页中Span和Div的区别

2016-02-19 23:30 10 1 收藏

今天图老师小编给大家介绍下css教程:网页中Span和Div的区别,平时喜欢css教程:网页中Span和Div的区别的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签创建段落,标签创建标题等等)的,然而标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。

它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性和标识属性与元素联系起来,见CSS中级指南的类和id选择符。

和的不同之处在于是内联的,用在一小块的内联HTML中,而(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
div id="scissors" pThis is span class="paper"crazy/span/p /div 

在实践中,,特别是不应该滥用,尽管有其他相左的意见。比如,你要强调单词crazy和加粗类paper,可能会用这样的代码:

div id="scissors" pThis is strong class="paper"crazy/strong/p /div 

这是做法比再加一个比较好。

对于类class和标识id没有线索?别担心,在CSS中级指南中会接触到它们。你所需要记住的是,和 是无意义的标签。

点击这里返回本站的网页制作频道。

来源:http://www.tulaoshi.com/n/20160219/1630057.html

延伸阅读
标签: Web开发
 SPAN 和 DIV 的区别 SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 ------------------------------------------------------------ CLAS...
标签: Web开发
HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。 它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS...
标签: Web开发
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 3. 确定错误发生的位置 ...
标签: 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对应的类名。 因此,...
标签: Web开发
在Web标准中一个很重要的概念就是强调页面的结构与表现分离。说的通俗一点就是XHTML中应该没有样式化的东西,而且Web在浏览器中除内容外都应该由CSS表现,这包括布局与其它样式。一旦一个标准的XHTML代码写完之后,那么CSS可以实现其实百变面孔。其实XHTML是一个演员,CSS是编剧,XHTML演什么角色,都由CSS来决定的。 这听起来似乎有点理想主...

经验教程

865

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部

如果您有什么好的建议或者疑问,可以联系我们。 商务合作QQ:3272218541;3282258740。商务合作微信:13319608704;13319603564。

加好友请备注机构名称。让我们一起学习、一起进步tulaoshi.com 版权所有 © 2019 All Rights Reserved. 湘ICP备19009391号-3

微信公众号