【CSS块、行元素的区别】

【CSS块、行元素的区别】

CSS块、行元素的区别

块元素的特性

独占一行显示;

可以设置宽高；

margin、padding横纵向都有效;

块转行——display: inline; 可以转换成行元素;

除（p、h1-h6）个别特殊元素外，可包含块状元素和行内元素；

form不能直接包含行元素。

行元素的特性

高度由内容撑开，可以并排显示;

不能设置宽高，由内容决定其宽高;

margin、padding横向设置有效，纵向不起效果;

行转块——display: block;可以转换成块元素;

除ins和del外，不能包含块状元素。

如何使元素在网页上不可见？

1.display : none；（彻底消失）

不为被隐藏的对象保留其物理空间，即该对象的内容、大小在页面上彻底消失；

2.visibility : hidden；（隐身）

使对象在网页上不可见，但该对象在网页上所占的空间大小没有改变。