在面试中有遇到一些很简单的问题,可是比较容易忽略掉一部分,或者算是知识盲区吧面试
和面试官简单的寒暄,进入正题,说说你对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 将块和行内元素转为行内块