码迷,mamicode.com
首页 > 其他好文 > 详细

span元素和div元素的区别

时间:2016-01-09 12:31:30      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:

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元素的区别

标签:

原文地址:http://www.cnblogs.com/come-on/p/5115643.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!