块级元素: spa
特色：独占一行，其宽度会自动填满其父元素的宽度 orm
属性:display:block input
例子:div p h(123456) form ul li ol table tr td th tbody tfoot thead table
行内元素: form
特色:相邻的元素会排列在同一行里，直到一行排不下才换行，宽度不能经过width，height来设置而是由其内部文本或标签 hack
属性:display:inline im
例子:span a em strong small i input button img textarea 技术
行内元素和块级元素能够经过设置dislay属性来实现相互转换 textarea
关于display:inline-block这个属性 img
优势:具备行内元素不独占一行，又能够设置宽度高度
缺点:在IE6,7下不兼容这个属性，能够经过hack技术实现相同的功能，对行内元数触发hasLayout属性，设置display:inline-block;zoom:1