欢乐颂第一季免费阅读,斗破苍穹续集,我欲封天耳根小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

HTML中DIV和Span的區(qū)別揭秘

本文和大家重點討論一下Html中DIV和Span的區(qū)別，DIV和 Span元素最大的特點是默認都沒有對元素內(nèi)的對象進行任何格式化渲染。

創(chuàng)新互聯(lián)是專業(yè)的通榆網(wǎng)站建設(shè)公司，通榆接單;提供網(wǎng)站制作、成都網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行通榆網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

Html中DIV和Span的區(qū)別

在網(wǎng)頁設(shè)計中，我們經(jīng)常用到DIV和Span,但是常常有個疑惑，這兩個標簽：DIV和Span的區(qū)別到底是什么？

DIV是一個塊級元素，可以包含段落，表格等內(nèi)容，用于放置不同的內(nèi)容。一般我們在網(wǎng)頁通過DIV來布局定位網(wǎng)頁中的每個區(qū)塊。

Span是一個內(nèi)聯(lián)元素，沒有實際意義，它的存在純粹是為了應(yīng)用樣式，給一段內(nèi)容加上標記可以通過在Span上定義樣式來設(shè)定其內(nèi)容的樣式。

DIV和 Span元素最大的特點是默認都沒有對元素內(nèi)的對象進行任何格式化渲染。主要用于應(yīng)用樣式表。

◆兩者最明顯的區(qū)別在于DIV是塊元素，而Span是行內(nèi)元素。

所謂塊元素，是以另起一行開始渲染的元素，行內(nèi)元素則不需另起一行，測試一下下面的代碼你會有更形象的理解：

[CSS在線]-示例代碼

 
 
 
  
  
    
  
  
   
  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
  
     
  
     
  
  CSS在線-示例   
  
     
  
     
  
     
  
     
  
  測試緊跟前面的"測試"顯示這里會另起一行顯示

◆塊元素和行內(nèi)元素也不是一成不變的，通過定義CSS的display屬性值可以互相轉(zhuǎn)化

[CSS在線]-示例代碼

 
 
 
  
  
    
  
  
   
  
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
  
     
  
     
  
  CSS在線-示例   
  
     
  
     
  
     
  
     
  
  測試緊跟前面的"測試"顯示

這里會另起一行顯示

因為DIV與Span元素的特殊性，所以一般用于應(yīng)用樣式表，比如說用CSS定義為層，而需要分清的是塊元素和行內(nèi)元素的區(qū)別，還有兩者間的相互轉(zhuǎn)化。

一般而言：DIV一般用做渲染html 的容器,而Span指定內(nèi)嵌文本容器。

網(wǎng)頁題目：HTML中DIV和Span的區(qū)別揭秘
標題URL：http://fisionsoft.com.cn/article/dpojsjg.html

新聞中心

其他資訊