元素的類型

筆記若是很差,請你們噴,但別太過,畢竟鍵鋒傷人。css

塊元素

div,h1-h6,p,ul,li,ol,dl,dt,dd,header,nav,footer,section,article,aside

特徵:ide

一、默認獨佔一行
二、沒有給寬度的時候,寬度是auto,撐滿一行(寬度就是父級的寬度)
三、支持全部的css命令

行內元素

a,span,strong,em,mark,img,time

特徵:spa

一、內容撐開寬高
    寬高的值都是auto,只不過顯出來的寬高是由內容撐開的
二、不支持設置寬高
三、不支持上下的margin與上下padding(左右支持)
    上下的padding是有問題,雖然把背影撐出來了,這個只是表面現象,它不會對其它的元素有影響
四、全部的行內元素都會在一行顯示
五、代碼換行會被解析成一個空格

行內塊元素

特徵:code

一、行內元素支持寬高
二、塊元素能夠在一行中顯示
三、不給寬高的話,寬度會由內容撐開
四、代碼換行會被解析成一個空格
五、IE六、7不支持塊元素的inline-IE六、7不認識inline-block,給行內元素加上這個屬性後會觸發IE的haslayout特色,會讓行內元素具備與inline-block同樣的特徵,因此它不支持塊元素的inline-block
相關文章
相關標籤/搜索