CSS的元素分类:块级元素、行内元素、行内块元素

在面试中有遇到一些很简单的问题,可是比较容易忽略掉一部分,或者算是知识盲区吧面试

和面试官简单的寒暄,进入正题,说说你对CSS元素分类的见解?ide

根据本身认识的水平大概的讲了分类,具体哪些元素,可是感受少了点什么又说不上来。input


回来查找以后特此把知识点记录如下:io

1.块级元素:如 div,h1-h6,p,ul,li  HTML5新增的 header、section、aside、footer等im

特色是:独占一行textarea

可设置width heightimg

嵌套下,子块元素宽度(没有定义状况下)和父块元素宽度默认一致di


2.行内元素:如 span,a,strong,em,del,ins inline-block

一行能够放多个header

不可设置width height


3.行内块元素:如 img input  button  textarea

inline-block元素特色:

和其余元素都在一行上

元素能够设置width height


给包裹行内元素、行内块元素的元素添加text-align: center能够让行内、行内块元素在该元素中居中

模式以前可切换:

display:block     将行内、行内块元素转为块

display:inline     将块元素转为行内

display:inline-block     将块和行内元素转为行内块