星空网 > 软件开发 > 网页设计

span元素和div元素的区别

span元素和div元素的区别:
本章节简单介绍一下span元素和div元素的区别,因为这两个元素在布局中非常的常用,可以说几乎没有任何页面不适用这两个元素,下面就简单介绍一下它们两者的主要区别。
一.元素的性质:
span元素内联元素,而div元素是块级元素。
关于两种类型元素的区别可以参阅什么是块级元素和内联元素一章节。 
二.元素的使用方式:
div元素主要是用作大的框架布局,而span元素则是主要用于对内容的修饰,比如颜色字体大小。
代码如下:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">span{ color:red; font-weight:bold;}</style></head><body><div id="top">蚂蚁部落顶部</div><div dir="content">蚂蚁部落欢迎您,只有努力<span>奋斗</span>才会有美好的明天</div></body></html>

 

上面代码是简单的演示而已,也就是说div负责大的布局,而span元素则注重于细节的修饰。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13064

更多内容可以参阅:http://www.softwhy.com/divcss/

 




原标题:span元素和div元素的区别

关键词:div

div
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

海运提单:https://www.goluckyvip.com/tag/12611.html
洛杉矶港进口:https://www.goluckyvip.com/tag/12613.html
中国贸易伙伴:https://www.goluckyvip.com/tag/12614.html
美国海关政策:https://www.goluckyvip.com/tag/12615.html
双台风名字:https://www.goluckyvip.com/tag/12616.html
双台风影响:https://www.goluckyvip.com/tag/12617.html
2024.03.29亚马逊选品推荐(仅供参考):宠物饮水机滤芯片:https://www.kjdsnews.com/a/1836532.html
想要搞钱,就去做离搞钱最近的事:https://www.kjdsnews.com/a/1836533.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流