1. 元素类别
块级元素：可以设置宽高，不能和元素呆在一行。
行级元素：不可设置宽高，可以和其他元素呆在一行
行内块级元素：可以设置宽高，也可以和其他元素呆在一起
1.1 Div 块级元素：--默认情况下：宽度和父级元素一样，高度由内容决定。当设置有宽高的时候的，元素的宽高就是设置的值。
1.2 span 行级元素：随着文字内容宽高，设置宽高无效
1.3 img 行内块级元素:没有设置宽高，设置宽高后--元素的宽高就是设置的值
2.元素类型转换：
行级元素--只能嵌套 行级元素，行内块级元素
块级元素--可以嵌套全部
行级元素---转换为块级元素 Display=block
块级元素：转换为--行级元素--行级元素无法设置宽高
--宽高度有里面的内容决定 display-inline
重点： 元素转换不会影响---元素功能
因为img标签的渲染不是靠css的，简单说，css可以影响它的位置，但不能影响它的渲染，所以转化不成功；类似这样的标签还有<video><embed><img>，当然了，在实际应用中，我们根本没有非要把他们设置为行级标签的必要，这点知道就行了，不然就涉及太底层的东西
3.元素显示隐藏：display display: none;
元素结构还在，元素的空间不在
用类选择器，权限比标签选择器高，显示
我们不能为行内元素设置width、height、margin-top和margin-bottom。
• 我们可以通过修改display来修改元素的性质。
• 可选值：
– block：设置元素为块元素
– inline：设置元素为行内元素
– inline-block：设置元素为行内块元素
– none：隐藏元素（元素将在页面中完全消失）
4.visibility 属性主要用于元素是否可见。
• 和display不同，使用visibility隐藏一个元素，隐藏后其在文档中所占的位置会依然保持，不会被其他元素覆盖。
• 可选值：
– visible：可见的
– hidden：隐藏的
