内联元素 盒模型
内容区 内边距 边框 外边距
内容区:内联元素不能设置 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 元素会隐藏不显示。(不显示,但是位置会保留在页面中。)