行内元素有哪些?块级元素有哪些?行内元素和块级元素的区别?

1、行内元素:a img span b strong input select section 

2、块级元素:div p table ul lo li h1-h6 dl dt 

3、空元素:br hr img input link meta 

区别:

1、块级元素会独占一行 默认的宽度占满父级元素,行内元素不会换行

2、行内元素的width height 无效

3、块级元素可以设置margin和padding属性,行内元素padding-left、padding-right,margin-left,margin-right(水平方向),有边距效果,padding-top,padding-bottom,margin-top,margin-bototm,(垂直方向)没有边距效果,

本质(浏览器将块级元素的dispaly属性默认为block,行内元素属性默认为inline,因此行内元素与块级元素的切换可以通过修改display属性实现)

 

你可能感兴趣的:(行内,块级元素)