block块级元素的特点是：
1、总是在新行上开始；2、高度，行高以及顶和底边距都可控制；
3、宽度缺省是它的容器的100%，除非设定一个宽度
4、<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
inline行内元素的特点是：
1、和其他元素都在一行上；2、高，行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，不可改变。
3、<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。
块级元素和行内元素的转换
用display: inline 或display: block命令可以使块级元素和内联元素之间进行互换。行内元素转换为块级元素场合
1、当需要控制inline元素的宽度（对导航条特别有用）、高度时使用这一特性；
2、让一个inline元素从新行开始；
3、出处精简代码的需要，例如：网站头部的logo图片和导航栏在同一行时，而又不想把<img>标签外层再加一个DIV，可以将<img>转化为块元素。
4、当对行内元素inline使用float属性时，行内元素自动转换为块级元素，而不再使用display: inline 或display: block命令进行人为的改变。
块元素转换为行内元素场合
当让块元素和其他元素保持在一行上；
以上就是青锋建站给大家分享的CSS块级元素与行内元素的对比，青锋建站，提供专业的高品质网站制作服务，包括网站建设，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，专业做优化型网站，为企业构建营销平台。
转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/blockinline.html
