本节简介：讲解行元素、块元素和行级块元素的特性及相互转换的方法，以及隐藏属性的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
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
