本節簡介:主要講解塊元素、行元素、行內塊元素的特征及相互轉換的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
display:inline,轉換為行級元素,共同顯示在一行,默認的寬度等于子集元素的寬度,不能定義寬高。不常用
ul,列表,ol,有序列表,dl,dt,dd一組的,
塊級元素:div h1-h6 ul ol li dl dt dd p,能夠獨立顯示一行,默認寬度等于父級寬度,能夠任意定義寬高。
三種不同類型的區塊及轉換:h1-h6都是獨立的方塊,dl,dd,dt;ul:列表;ol:有序列表
img能夠定義寬高,但是想要等比例縮放就只需定義一個值。
塊元素特性:能夠獨立顯示一行,默認的寬度等于父級寬度,能夠任意定義寬度;行級元素:共同顯示一行,默認的寬度等于子元素的寬度,不能定一寬高
行級塊元素特性:可以在同一行,默認的寬度為子元素的寬度,能任意定義寬度 任意元素轉換成塊元素:display:block 任意元素轉換成行級塊元素:display:inline-block 寬高的等比例縮放:只寬或高
行級塊元素特性:可以在同一行,默認的寬度為子元素的寬度,能任意定義寬度 任意元素轉換成塊元素:display:block 任意元素轉換成行級塊元素:display:inline-block 寬高的等比例縮放:只寬或高
行級元素:共同顯示一行,默認的寬度等于子元素的寬度,不能定一寬高
塊元素特性:能夠獨立顯示一行,默認的寬度等于父級寬度,能夠任意定義寬度
display :block 轉換成塊集元素。display:inline 轉換成行集元素 display:inline-block轉換成行集塊元素
塊級元素:1代表標簽-div h1-h6 ul ol dl dt dd p