HTML基礎------詳細瞭解塊級元素、行內元素和行內塊元素

1.塊級元素

      1.1、特徵

             霸佔一行，不能與其他任何元素並列。

             寬高設置有效，那麼寬度將默認變爲父級的百分百。

      1.2、常用元素中那些屬於塊級元素

            如 <h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等,所有的容器級標籤，都是塊級元素

2.行內元素

     2.1、特徵

              設置寬高無效，能與其他行內元素並排，寬高由內容撐開。

              水平方向上的padding和margin可以設置，垂直方向上的無效。

              不會自動進行換行

     2.2、常用元素中那些屬於行內元素      

             如：p , span , a , b , i , u , em 等,所有的文本級標籤，都是行內元素

ps: p元素比較特殊，在P元素裏面只能放文字和圖片和表單元素，p裏面不能放h和ul，也不能放p。所有P元素屬於行內元素，

　　也屬於行內塊元素

3.行內塊元素

      3.1、特徵

                不自動換行,能夠識別寬高

                默認排列方式爲從左到右

      3.2、常用元素中那些屬於行內塊元素

              如 img,input

4.三種元素互相轉換

    使用display屬性可以轉換標籤的元素級別，其屬性有三種設置方式如下:

         block  可以把行內元素轉換成塊級元素
         inline 把塊級元素準換成行內元素
         inline-block 轉換成行內塊元素