SPAN 和 DIV 的區別在于,DIV(division)是一個塊級元素,可以包含段落、標題、表格,乃至諸如章節、摘要和備注等。而SPAN 是行內元素,SPAN 的前后是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用SPAN。
下面以一個實例來說明這兩個屬性的區別。
代碼:
<span>SPAN標記有一個重要而實用的特性,即它什么事也不會做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,<span>標識符允許你將一個段落分成不同的部分。
還有一個標識符具有類似的功能,<div>DIV也被用來在HTML文件中建立邏輯部分。但與<div>SPAN不同,<div>工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN標記有一個重要而實用的特性,即它什么事也不會做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標識符允許你將一個段落分成不同的部分。
還有一個標識符具有類似的功能,DIV也被用來在HTML文件中建立邏輯部分。但與SPAN不同,工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔。
40個可愛粉色兒童房設計裝修設計2018-04-22
100款國外食品包裝設計集包裝設計2017-07-17
40幅日本海報設計作品海報設計2017-07-04
46款茶品牌和包裝設計欣賞包裝設計2017-04-14
20款現代簡約風格名片設計名片設計2016-04-18
59款日本優秀logo設計欣賞標志設計2016-03-29
10個CSS簡寫/優化技巧CSS教程2013-06-04
css的margin縮寫方式CSS教程2012-05-23
CSS網頁布局時常犯的幾種CSS教程2009-09-28
CSS浮動屬性Float詳解CSS教程2009-09-17
CSS定位屬性Position詳解CSS教程2009-09-17
CSS布局教程:絕對定位和相CSS教程2009-07-15