小編給大家分享一下span是不是塊元素，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站制作、成都做網(wǎng)站與策劃設計,臨安網(wǎng)站建設哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設十載,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:臨安等地區(qū)。臨安做網(wǎng)站價格咨詢:18982081108

span不是塊元素，而是內(nèi)聯(lián)元素（行內(nèi)元素），可以對文檔中的行內(nèi)元素進行組合。span只是把內(nèi)容定義成一個整體進行操作，不影響布局和顯示，而且span沒有什么實用特性，它的作用是圍繞HTML代碼中的其他元素，為其指定樣式。

span不是塊元素，而是內(nèi)聯(lián)元素（行內(nèi)元素），主要用于容納文字。span用于對文檔中的行內(nèi)元素進行組合。

span只是把內(nèi)容定義成一個整體進行操作，不影響布局和顯示，而且span沒有什么實用特性，它的作用便是圍繞HTML代碼中的其他元素，為其指定樣式。

標簽沒有固定的格式表現(xiàn)。當對它應用樣式時，它才會產(chǎn)生視覺上的變化。如果不對 應用樣式，那么 元素中的文本與其他文本不會任何視覺上的差異。

標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。

例：

 
 


我的母親有 藍色 的眼睛，我的父親有 碧綠色 的眼睛。

效果圖：

塊元素、內(nèi)聯(lián)元素、內(nèi)聯(lián)塊元素：

元素就是標簽，布局中常用的有三種標簽，塊元素、內(nèi)聯(lián)元素、內(nèi)聯(lián)塊元素，了解這三種元素的特性，才能熟練的進行頁面布局。

1、塊元素：

塊元素，也可以稱為行元素，布局中常用的標簽，如：div、p、ul、li、h2-h7等等都是塊元素，它在布局中的行為：

（1）支持全部的樣式

（2）如果沒有設置寬度，默認的寬度為父級寬度100%

（3）盒子占據(jù)一行、即使設置了寬度

代碼：

    
    
    


    
div元素
    
p元素

頁面顯示效果：

2、內(nèi)聯(lián)元素：

內(nèi)聯(lián)元素，也可以稱為行內(nèi)元素，布局中常用的標簽，如：a、span、em、b、strong、i等等都是內(nèi)聯(lián)元素，它們在布局中的行為：

（1）支持部分樣式（不支持寬、高、margin上下、padding上下）

（2）寬高由內(nèi)容決定

（3）盒子并在一行

（4）代碼換行，盒子之間會產(chǎn)生間距

（5）子元素是內(nèi)聯(lián)元素，父元素可以用text-align屬性設置子元素水平對方方式

解決內(nèi)聯(lián)元素間隙的方法：

（1）去掉內(nèi)聯(lián)元素之間的換行

（2）將內(nèi)聯(lián)元素的父級設置font-size為0，內(nèi)聯(lián)元素自身再設置font-size

代碼：

    
    
    


    

        

        

        鏈接文字一鏈接文字二  /* 取消間隙 */
        鏈接文字三
        鏈接文字四
        鏈接文字五
    

    

        鏈接文字
    

3、內(nèi)聯(lián)塊元素：

內(nèi)聯(lián)塊元素，也叫行內(nèi)塊元素，是新增的元素類型，現(xiàn)有元素沒有歸于此類別的，img和input元素的行為類似這種元素，但是也歸類于內(nèi)聯(lián)元素，我們可以用display屬性將塊元素或者內(nèi)聯(lián)元素轉化成這種元素。它們在布局中表現(xiàn)的行為：

（1）支持全部樣式

（2）如果沒有設置寬高，寬高由內(nèi)容決定

（3）盒子并在一起

（4）代碼換行，盒子會產(chǎn)生間距

（5）子元素是內(nèi)聯(lián)塊元素，父元素可以用text-align屬性設置子元素水平對齊方式。

這三種元素，可以通過display屬性來相互轉化，不過實際開發(fā)中，塊元素用得比較多，所以我們經(jīng)常把內(nèi)聯(lián)元素轉化為塊元素，少量轉化為內(nèi)聯(lián)元素，而要使用內(nèi)聯(lián)元素時，直接使用內(nèi)聯(lián)元素，而不用塊元素轉化了。

看完了這篇文章，相信你對span是不是塊元素有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！