欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > Css&Div > 浅谈css中div、span的区别和用法

浅谈css中div、span的区别和用法

2018-06-23 637 收藏 0 赞一个 0 真差劲 0 去评论

很多搞CSS的,几乎每天Div SPAN的写无数遍,用是知道怎么用了,但就是说不上来它们之间究竟是什么区别,今天看了CSS指南,总算把区别搞清除了,简单来说,他们都是固定网页元素的,不同之外在于span是内联的,用在小块的内联HTML中,而div是块级的,用于组合一大块的网页元素,可以在div里面嵌套多个span,你比如:

<div id="scissors"> <p>这实在是太<span class="paper">疯狂</span>了</p></div>

意思就是说,当Div显示在什么地方,Span里的内容再跑也跑不出div。在我们的实际应用中,div,特别是span不应该滥用,尽管有其它相左的意见。比如,你要强调单词“疯狂”和加粗类“paper”,你应该使用这样的代码:

<div id="scissors"> <p>这实在是太<strong class="paper">疯狂</strong>了</p> </div>

这种做法要比加一个span更好,因为有时候span可能会引起错位的。

以上为个人之见,若说的不对请包涵!~

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论