块级元素,内联元素

块级元素
div p h1 form ul li就是块级元素,设置display:block就是将元素显示为块级元素,
特点:每一个块级元素都从新的一行开始,并且其后的元素页另起一行。
元素的高度,宽度行高以及顶,底边距都可以设置
元素宽度在不设置的情况下,是它本身父容器的100%
内联元素
span a label input img strong em 典型的内联元素。当然页可以通过代码display:inline将元素设置为内联元素
特点
1.和其它元素都在一行上
2.元素的高度,宽度,行高,顶部,底部边距不可设置
3.元素的宽度就是它包含的文字或图片的宽度,不可改变。
内联块状元素
img input 代码:display:inline-block
特点
1.和其他元素都在一行上
2.元素的高度,宽度,行高,顶部,底部都可设置

posted @ 2017-11-30 16:07  明烟雨任  阅读(161)  评论(0编辑  收藏  举报