本節簡介:主要講解塊元素、行元素、行內塊元素的特征及相互轉換的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
塊級元素轉變為行級元素 display:inline
行級元素不能定義寬高。只能通過display:block轉換為塊級元素
塊元素獨門顯示一行,能定義寬高;行元素共同顯示一行,不能定義寬高;行級塊元素是行元素與塊元素結合,即能定義寬高,也能共同顯示一行; display:none將元素隱藏的作用
顯示屬性display display:block轉換為塊元素; display:inline轉為行元素;display :inline--block;轉為塊級元素。 (等比例縮放只需定義一個值,如:with:100PX)
<ul> <li></li> </ul> <ol> <li> </li> </ol>
行級塊元素 image input 通過display :inline--block;轉為行級塊元素
行級塊元素 image input 通過display :inline--block;轉為塊級元素。
display:none;元素隱藏 span a轉為塊元素display:block;
<ul> <li></li> </ul> <ol> <li> </li> </ol>
<ul><li></li></ul> <ol><li></li></ol> <dl><dd></dd></dl>
display:block 行轉塊display:inline-liine-block轉化為行級塊元素
行級元素,沒法定義寬高,這能被撐開,硬傷;塊級元素,可以定義寬高.
display:inline-block轉換為行級塊元素