Heim >Web-Frontend >HTML-Tutorial >span元素和div元素的区别_html/css_WEB-ITnose

span元素和div元素的区别_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:30:121399Durchsuche

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/

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn