display：设置元素应如何显示visibility：指定一个元素可见还是隐藏
隐藏元素的方式： ① display:none; 但隐藏的元素仍占用与未隐藏之前同样的空间，会影响布局 ② visibility：hidden；可隐藏元素，且不会占用任何空间
display——块和内联元素
1\ 块元素是一个元素，占用全部宽度，在前后都是换行符 < h1> < p> < div>
2\ 内联元素只需必要的宽度，不需要换行 < span>< a>
可改变元素显示： li { display:inline; } 转为内联元素 span { display:block; } 转为块元素
注： 变更元素的显示类型是看该元素如何显示 一个内联元素的设置为display:block; 不允许其内部的嵌套款元素
类型： display:none; 没有元素
display:block; 转为块级元素
display:inline-block;转为行内块状元素
display:inline; 转为行内元素
layout布局
*display： 是否及如何显示：none隐藏，block块状显示...
*float: 指出了对象是否及如何浮动:值none | left | right
*clear： 清除浮动：none | left | right | both两侧
visibility：设置或检索是否显示对象。visible|hidden|collapse。
与display属性不同，此属性为隐藏的对象保留其占据的物理空间
clip: 检索或设置对象的可视区域。区域外的部分是透明的。 rect(上-右-下-左)
如：clip:rect(auto 50px 20px auto);上和左不裁剪，右50，下20.
内补白
padding： 检索或设置对象四边的内部边距,如padding:10px; padding:5px 10px;
padding-top： 检索或设置对象顶边的内部边距
padding-right： 检索或设置对象右边的内部边距
padding-bottom：检索或设置对象下边的内部边距
padding-left： 检索或设置对象左边的内部边距
外补白
margin： 检索或设置对象四边的外延边距,如 margin:10px; margin:5px auto;
margin-top： 检索或设置对象顶边的外延边距
margin-right： 检索或设置对象右边的外延边距
margin-bottom： 检索或设置对象下边的外延边距
margin-left： 检索或设置对象左边的外延边距
