本節簡介:主要講解塊元素、行元素、行內塊元素的特征及相互轉換的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
display: block 轉塊級 display: inline 轉行級
行級塊元素 顯示在一行,可以定義寬高 img input display:inline-block none將元素隱藏
行級元素 共同顯示一行 不能定義寬高 span a strong display:block塊級元素 inline行級元素
塊級元素 獨立顯示一行,可改變大小<ul><li></li></ul>無序列表 <ol><li><li></ol>有序列表(有數字) <dl><dt>小分類標題</dt><dd></dd></dl>
行級塊元素display:inline-block
img,如果想要等比例縮放的話就只用設置1個值就可以了,不然就會變形
如果想要div轉換成一行,就是display:inline;加入之后就變成行級元素了,前的的寬高就不起作用了
任何元素可以通過dixplay:block轉換為塊元素,轉換后具備塊元素的所有特性
行級元素要想定義寬高,就要把轉成塊級元素,任何元素都可以通過行級元素轉讓塊級元素,通過dixplay:block
行級元素,span a strong b em i font,特性,共同顯示在一行,默認的寬度等于子集元素的寬度,不能定高寬高
外層ul,里面每一行都是li; ul都是小點,都是無序列表,ol都是有序列表; dl是自定義列表,有兩個組面原素,第1個是dt和dd,dt是沒有首行縮進的,dd是有首行縮進的;,dl也是塊級元素,span也是跟div一樣;