css display

定义和用法

display 属性规定元素应该生成的框的类型

默认值：	inline
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.display="inline"

最常见的值

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。设置了inline-block属性的元素既具有block元素可以设置width和height属性的特性，又保持了inline元素不换行的特性。
table	此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
inline-table	此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。
table-cell	此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
inherit	规定应该从父元素继承 display 属性的值。

html中快元素和内联元素之间的用法、区别以及联系

　　内联元素和块级元素都是html中的范畴，块元素和内联元素的主要差异是块元素是从新的一行开始。而内联元素一般显示在一行上。但是可以通过css的display属性将内联元素改变为块元素，（display：block） 也可以将块元素改变为内联元素（display：in-line）。

　　 内联元素的特点

　　 1.和其他的元素显示在一行上；

　　  2.内边距和外边距、高度，宽度都是不可改变的，他的宽度是根据他的显示文本和图像的宽度

　　  3.可以通过css来将它变成为块元素之后然后就可以用css其他样式应用了。

 　　块元素的特点：

　　 1.总是在新的一行上显示；

　　 2.高度、行高、宽度、内边距、外边距等都是可控制的；

　　 3.他的高度默认为0，是根据元素内的内容而决定的，宽度是父元素的宽度，但是可以通过css控制它，显示的指定他的宽度和高度，可以利用浮动和定位来将他与其他的块元素也显示在一行上；