首頁 > web前端 > html教學 > span元素和div元素的区别_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-06-24 11:30:12
原創
1430 人瀏覽過

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/

 

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
重新表達的標題為:v-if based on DOM updates
來自於 1970-01-01 08:00:00
0
0
0
使用flexbox來根據內容的寬度創建span的方法
來自於 1970-01-01 08:00:00
0
0
0
box-sizing 不透過 DETAILS 元素繼承?
來自於 1970-01-01 08:00:00
0
0
0
等效大小的 html 元素以標準化標題間距
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板