摘要：中，中的標(biāo)簽元素大體被分為三種不同的類型塊狀元素內(nèi)聯(lián)元素又叫行內(nèi)元素和內(nèi)聯(lián)塊狀元素。注意只有內(nèi)聯(lián)內(nèi)聯(lián)塊與內(nèi)聯(lián)內(nèi)聯(lián)塊之間的空白符才會(huì)形成一個(gè)空格，文本元素除空白符也是屬于內(nèi)聯(lián)元素。

CSS中，html中的標(biāo)簽元素大體被分為三種不同的類型：塊狀元素（display：block）、內(nèi)聯(lián)元素(又叫行內(nèi)元素display：inline)和內(nèi)聯(lián)塊狀元素（display:inline-block）?？梢酝ㄟ^代碼來相互轉(zhuǎn)換。
一.常用的塊狀元素有：

、
、
-
、
、
、
、、
、
 、


塊級(jí)元素特點(diǎn)：
1、每個(gè)塊級(jí)元素都從新的一行開始，并且其后的元素也另起一行。
2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
3、元素寬度在不設(shè)置的情況下，是它本身父容器的100%（和父元素的寬度一致）。默認(rèn)高度等于子元素高度。父子均是塊級(jí)元素時(shí)，子塊的高度可能沖破父級(jí)的限制
二.常用的內(nèi)聯(lián)元素有：
、、
、、、、、、、、

內(nèi)聯(lián)元素特點(diǎn)：
1.和其他內(nèi)聯(lián)元素都在一行上；
2.可以通過margin、padding來改變左右的距離，但不可以改變上下的距離，導(dǎo)致width、height、line-height失效或?？梢允褂胋order。
3.內(nèi)聯(lián)元素之間有空白區(qū)域，空白區(qū)域的形成是因?yàn)?span>之間有回車，在html中，空格、制表符、回車都屬于空白符，多個(gè)空白符都會(huì)視為一個(gè)空格，空格的大小由父級(jí)
的font-size決定。注意：只有內(nèi)聯(lián)(內(nèi)聯(lián)塊)與內(nèi)聯(lián)(內(nèi)聯(lián)塊)之間的空白符才會(huì)形成一個(gè)空格，文本元素(除空白符)也是屬于內(nèi)聯(lián)元素。常用解決方法，給
設(shè)置font-size: 0;，在上把font-size設(shè)置回去

三.常用的內(nèi)聯(lián)塊狀元素有：
、

inline-block 元素特點(diǎn)：
1.和其他元素都在一行上；
2.元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
3.它也會(huì)有元素間出現(xiàn)空白區(qū)域的問題
四、參考的文章：
https://www.jianshu.com/p/1cf...
https://segmentfault.com/a/11...
           
               
                                           
                       
                 
            
                     

                 

                                                                                                                    
                         GPU云服務(wù)器
                                             
                         云服務(wù)器
                                                                                                                                                 
                                      
                     
                    
                                                                                               圓形塊狀元素html
                                                                                                           任意元素和
                                                                                                           通過js和元素賦值
                                                                                                           塊狀
                                                         
                 
               
              
             
               

                   
 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
                 
                   
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/117269.html
               
                      
               

                 
                                  
上一篇：利用clear清除浮動(dòng)的一些問題
  
                                                
                                       
下一篇：less學(xué)習(xí)之Bootstrap（按鈕篇）
                                  
              
              

                
相關(guān)文章
                

                             
                                                                                                    

                                                

                          
前端學(xué)習(xí)筆記之Html標(biāo)簽元素類別
                                                     
摘要：中的標(biāo)簽元素可以分為三種不同的類型塊狀元素內(nèi)聯(lián)元素和內(nèi)聯(lián)塊狀元素。常用的塊狀元素有等內(nèi)聯(lián)元素與塊狀元素相對(duì)應(yīng)，具有如下特點(diǎn)和其他內(nèi)聯(lián)元素都在一行上元素的高度寬度行高及頂部和底部邊距不可設(shè)置元素不能設(shè)置高度，寬度就是它包含的文字或圖片的寬度。

HTML 中的標(biāo)簽元素可以分為三種不同的類型：塊狀元素、內(nèi)聯(lián)元素和內(nèi)聯(lián)塊狀元素。
塊狀元素的特點(diǎn)有：
1、獨(dú)占一行。每個(gè)塊級(jí)元素都從新的一行開始，...
                                                   
                          

                                

                                    ghnor
                                    2019-08-01 16:48
                                    評(píng)論0 
                                    收藏0 
                                
                          
                      
                    
 
                                                                                       

                                                

                          
CSS盒模型
                                                     
摘要：常用塊狀元素常用內(nèi)聯(lián)元素常用內(nèi)聯(lián)塊狀元素盒模型填充設(shè)置元素與邊框之間的距離，叫做填充。用設(shè)置，也分為四部分，即上右下左，它們是順時(shí)針。1、什么是CSS盒模型？CSS盒子模型包括元素、內(nèi)邊距、邊框、外邊距，如下圖：
　　　　
2、元素分類：元素可以分為塊狀元素、內(nèi)聯(lián)元素、內(nèi)聯(lián)塊狀元素。
　　　　常用塊狀元素：、、...、、、、、、 、
　　　　常用內(nèi)聯(lián)元素：、、、、、、、、、、
　　　　常用內(nèi)...
                                                   
                          

                                

                                    Pandaaa
                                    2019-04-23 13:07
                                    評(píng)論0 
                                    收藏0 
                                
                          
                      
                    
 
                                                                                       

                                                

                          
html的嵌套規(guī)則
                                                     
html元素分為塊狀元素和內(nèi)聯(lián)元素，塊狀元素作為其他元素的容器。塊狀元素可以嵌套其他塊狀元素塊狀元素可以嵌套內(nèi)聯(lián)元素內(nèi)聯(lián)元素不能嵌套塊狀元素p內(nèi)不能嵌套塊狀元素有幾個(gè)特殊塊狀元素只能包含內(nèi)聯(lián)元素，而不能包含塊狀元素，這幾個(gè)元素是:h1、h2、h3、h4、h5、h6、p、dt塊狀元素和塊狀元素并列，內(nèi)聯(lián)元素和內(nèi)聯(lián)元素并列l(wèi)i里面可以嵌套div下拉列表框option中只能嵌套文本ol和li之間、ul和...
                                                   
                          

                                

                                    tinyq
                                    2019-08-01 16:39
                                    評(píng)論0 
                                    收藏0 
                                
                          
                      
                    
 
                                                                                       

                                                

                          
HTML+CSS基礎(chǔ)課程-imooc-【更新完畢】
                                                     
摘要：包含后代選擇器包含選擇器，即加入空格用于選擇指定標(biāo)簽元素下的后輩元素。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進(jìn)行選擇，而子選擇器是通過進(jìn)行選擇。

6-1 認(rèn)識(shí)CSS樣式
CSS全稱為層疊樣式表 (Cascading Style Sheets)，它主要是用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式，如文字大小、顏色、字體加粗等。使用CSS樣式的一個(gè)好處是通過定義某個(gè)樣式，可...
                                                   
                          

                                

                                    Heier
                                    2019-08-01 15:04
                                    評(píng)論0 
                                    收藏0 
                                
                          
                      
                    
 
                                                                                       

                                                

                          
CSS階段總結(jié)
                                                     
摘要：布局之左右布局與左中右布局方法為子元素設(shè)置浮動(dòng)，然后在其父元素上使用類來清除浮動(dòng)。

CSS布局之左右布局與左中右布局
方法：為子元素設(shè)置浮動(dòng)，然后在其父元素上使用clearfix類來清除浮動(dòng)。代碼示例：
html部分：

  a
  b
  c


CSS部分：
.child{
  float: left;
}
.clearfix::after {
    display: block...
                                                   
                          

                                

                                    daryl
                                    2019-08-30 15:54
                                    評(píng)論0 
                                    收藏0 
                                
                          
                      
                    
 
                                                                           
                
              
              
               

                  
                  
發(fā)表評(píng)論
                   

                                      
                      

                        登陸后可評(píng)論
                      
                   
               
              

                

                  
0條評(píng)論
   
                
 
                      

              
           
           

              
 
                

                    
                    
CoyPan
                    
男|高級(jí)講師
                    

                     
                                                                      我要關(guān)注
      
                                                                                        我要私信
                     
                                            
                    
                    

                          
TA的文章
                          閱讀更多
                    
                      

                                                  
我從外包公司離職了,一個(gè)配合混亂的團(tuán)隊(duì)如何毀了一個(gè)項(xiàng)目?
                            
閱讀 3807·2021-11-17 09:33
                                                       
不求錢財(cái)只為源碼，軟件自由保護(hù)協(xié)會(huì)起訴知名電視品牌 GPL 違規(guī)
                            
閱讀 2025·2021-10-26 09:51
                                                       
Hostodo：斯波坎VPS六六折,美國(guó)西海岸機(jī)房,年付12美元起
                            
閱讀 1540·2021-09-29 09:44
                                                       
塊狀元素、內(nèi)聯(lián)元素和內(nèi)聯(lián)塊狀元素
                            
閱讀 1693·2019-08-30 15:55
                                                       
百度前端任務(wù)(3)(4)(5)——巧談前端基礎(chǔ)html,css布局
                            
閱讀 1456·2019-08-30 15:52
                                                       
瀏覽器解析渲染HTML文檔的過程
                            
閱讀 2337·2019-08-30 15:43
                                                       
css 布局：兩邊固定中間自適應(yīng)
                            
閱讀 3443·2019-08-29 17:00
                                                       
瀏覽器怪異模型和標(biāo)準(zhǔn)模型的區(qū)別
                            
閱讀 2311·2019-08-29 16:23
                                                
                      
                

                   
              
  

                  
最新活動(dòng)
 
           
         

                    

                      

                                                                                                                       

                          
                                                             
                          
                        
                                                

                          
                                                             
                          
                        
                                                                   
                    
                        
                      
                    
                      
                    
                    
              



                                
              
           
        
       
    
    
     

      
    
    
    

    
       
       

         
閱讀需要支付1元查看
  
         
支付并查看
     
       
      
  
    
    














<