本節簡介:講解行元素、塊元素和行級塊元素的特性及相互轉換的方法,以及隱藏屬性的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
display:inline-block 轉換為行級塊元素
display:block 行級元素轉換為塊級元素
通過display:block轉換為塊元素,通過display:inline轉換為行元素
行級元素span a strong b em i font 不能定義寬高
塊級元素:div h1-h6 ul ol li dl dd dt
塊級元素可以定義寬高,行級元素inline不能定義寬高,行級塊元素可以定義寬高 inline-bolck
塊元素(div h1-h6 ul ol dl dt dd p)獨立顯示一行,能夠任意定義寬高 行元素(span a strong b em i font)共同顯示一行,不能定義寬高
input 表單的輸入字段 display:none 隱藏顯示
三種不同類型的區塊 塊級元素 能獨立顯示一行 默認寬高等于父級寬高 能夠任意定義寬高 行級元素 默認的寬度等于子集的寬度 不能定義寬高 行級塊元素 共同顯示在一行 默認的寬度等于子集元素的寬度 能夠任意定義寬高 display:line行 block 塊 inline block 行級塊元素
display:block轉換為塊元素 display:inline 轉換為行元素 display:inline-block 轉換為行級塊元素
塊級元素,行級元素,行級塊元素。display,inline,block