本節簡介：講解行元素、塊元素和行級塊元素的特性及相互轉換的方法，以及隱藏屬性的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
display：inline-block轉行級塊元素
display：block 轉行元素 display：inline 轉行塊元素
任何元素可以通過display：block轉為塊級元素，轉換后具備塊元素的所有特性
任何元素都可以通過display：inline-block轉換為行級塊元素，轉換后具備行級塊元素的所有特性
(塊級元素：能夠自定義寬高，行級元素：不能夠定義寬高，行級塊元素：隨便定義寬高） <title >三種不同類型的區塊及轉換</tlitle> <style> h1{background:#000; height:40px; widht:50px;} Span{background:#000; height:40px; widht:50px; display:block;} a{background:#000; height:40px; widht:50px;
display-block 將行級元素轉換成塊級元素（如 <a>標簽）
塊級元素：div h1-h6 ul ol li dl dt dd p單獨顯示一行寬度等于父級元素寬度。行級元素：span a 共同顯示一行，可轉成為塊級元素：display:block寬度等于子級元素寬度
display-block 將行級元素轉換成塊級元素（如 <a>標簽）
行級塊元素：image input，共同顯示在一行，默認的寬度等于自己的寬度，能夠任意定義寬高，任何元素都可以通過disply:inline-block轉換為行級塊元素，轉換后具備行級塊元素的所有特性。
行及元素：span a strong b em i font，共同顯示在一行，默認的寬度等于子級元素的寬度，不能定義寬高。，任何元素都可以通過disply:inline轉換為行元素，轉換后具備行元素的所有特性。
塊級元素：div h1-h6 ul ol li dl dt dd p，能夠獨立顯示一行，默認的狂堵等于父級寬度，能夠任意定義寬高，任何元素都可以通過disply:block轉換為塊元素，轉換后具備塊元素的所有特性。
行級塊元素：img、input &nbsp;（display：inline-block）
區塊及轉換：塊級元素(div h1 ul ol li dl dt dd p)通過display:inline 轉為行元素; 行級元素(span a strong b em i font)通過display：block 轉為塊元素 ;行級塊元素(img input)
display:none 隱藏顯示的內容 例如下拉菜單 開始是隱藏，鼠標移入時下拉顯示。
區塊：塊級元素(div h1 ul ol li dl dt dd p)通過display:inline 轉為行元素; 行級元素(span a strong b em i font)通過display：block 轉為塊元素 ;行級塊元素(image input)
display:block display:inline
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
