2019-03-26内联元素 盒模型 修改元素的类型

内联元素 盒模型

内容区  内边距  边框  外边距

内容区：内联元素不能设置 width 和 height  即 内容区。
内边距：内联元素  可以设置 水平方向 的内边距 ，即左右方向上的；padding-left:110px;padding-right:110px;

上下 方向上的 设置后不会影页面的布局。（不会挤别人，会覆盖）

边框：可以设置边框，但是垂直方向上的边框不会影响页面的布局。（不会将别人挤到别处）

border:1px blue solid;   

外边距： 支持水平方向的外边距，margin-left:100px;margin-right:100px;

垂直方向上的外边距不能用，

水平方向上的相邻外边距不会重叠，而是求和。

display  可以修改元素的类型

inline   将一个元素作为内联元素显示。

block  将一个元素设置成块元素显示。

inline-block  将一个元素转换为行内块元素。（可以设置宽和高，又不会独占一行）

none  不显示元素，（并且元素不会在页面中继续占有位置。）

visibility用来设置元素的隐藏和显示的状态

默认值： visible  默认会在页面中显示。

hidden 元素会隐藏不显示。（不显示，但是位置会保留在页面中。）