- 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 | bot