本節簡介： 主要講解塊元素、行元素、行內塊元素的特征及相互轉換的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
span{ background:顏色; width:寬度; height:高度; display:block;} 轉換為塊級元素
行級元素 <span> </span> <a> </a>顯示在一行
<dl> <dt>標題</dt> <dd>分類</dd> </dl>
<ol> <li> </li> </ol> 有序列表
div {background:顏色; width:寬度;」
img{}給圖片設置尺寸 如果要按比例縮放 只要設置一個值就可以。寬度或者是高度都可以，不需要設置兩個值
行級塊元素轉換：任何元素都可以通過[display:inline-block]轉為行級塊元素，轉換后具備行級塊元素的所有特性。
行級塊元素特性：共同顯示在一行，默認的寬度等于子集元素的寬度，能夠任意定義寬高
塊級元素：div、h1-h6、ul、 ol、 dl、 dt、 dd、 p 特征：能夠獨立顯示一行，默認寬度等于父級寬度，能夠任意定義寬高 轉換：任何元素都可以通過displayblock轉換為塊級元素，轉換后具備塊元素的所有特性 行級元素：span a strong b em i font 特性：共同顯示在一行，默認的寬度等于子集元素的寬度，不能定義寬高 轉換：displayinline 行級塊元素 代表標簽：image input 特性：共同顯示在一行，默認的寬度等于子集元素的寬度，能夠
塊級標簽：div h1-h6 ul ol dl dt dd p 特性：能夠獨立顯示一行，默認的寬度等于父級寬度，能夠任意定義寬高。 轉換“任何元素都可以通過【display block】轉為塊元素，轉換后具備塊元素所有特性
列表標簽 外層ul 里面每層是li 有序列表外層ol 里面每層是li 自定義列表外層dl 里面是dt是大分類 dd是小分類
span同一行 里面用a顯示，行級元素不能定義寬高，轉成塊元素就能定義，只要添加display:block,轉成行元素加個display：inline. 行級塊元素image input ，等比例縮放圖片只要設置一個值 如寬多少或高多少，display inline-block轉化行塊元素，display-none 隱藏不顯示
span同一行 里面用a顯示，行級元素不能定義寬高，轉成塊元素就能定義，只要添加display:block,轉成行元素加個display：inline. 行級塊元素image input ，等比例縮放圖片只要設置一個值 如寬多少或高多少，display inline-block轉化行塊元素，display-none 隱藏不顯示
ul無序列表 ol是有序列表 里面都用li dl 里面用dt分類小標題 dd分類項目
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
