CSS元素分类

CSS元素分类CSS元素分为两类：块级元素和行内级元素，但行内元素又可以进一步分为：内联替换（replacement）元素、内联非替换（non-替换）元素。1、块级元素和块元素块级元素：元素会另起一行占一行，比如div、p、form等。当display属性值为：block、list-item、table、flex、grid，一个元素可以设置为块级元素。同时，块级元素可以定义元素的宽度和高度。块元素：块元素是显示属性值为块的元素。因此，两者具有包容性。2、行内级元素和行内元素行内级元素：行内级元素不会换行开始，在文档流中排成一行。如果超出容器的宽度，则以折线显示。display属性值：inline、inline-table、inline-block、inline-flex、inline-grid值可以将元素设置为行内级元素。内联元素：内联元素是显示属性值为内联的元素。内联块元素：显示属性值为inline-table、inline-block、inline-flex、inline-grid的元素内联级元素分类：1.内联级替换元素不受CSS视觉格式化控制的元素model,CSSrenderingmodel不考虑该元素内容的渲染，元素本身一般都有一个具有固有尺寸（宽，高，纵横比）的元素，称为替换元素，如img，form元素（包括input、select、textarea、select等）行内级替换元素的宽度定义：如果width和height的计算值为auto且元素有固有宽度，则width为固有宽度；如果width的计算值为auto且元素具有固有宽度，则width为固有宽度；如果width的计算值为auto，height有具体的计算值，知道纵横比，可以计算出width=height/aspectratio；另外，当width的计算值为auto时，使用的width值为300px。行内级替换元素的高度定义：如果width和height的计算值为auto且元素有固有高度，则height为固有高度；如果height的计算值为auto且元素具有固有高度，则height为固有高度；如果高度为自动计算值，宽度有具体的计算值，且纵横比已知，则可以计算出高度=宽度*纵横比；另外，当height的计算值为auto时，使用的值不能大于150px。并且宽度不能大于矩形高度的两倍。2、行内级非替换元素行内级元素不能为元素定义宽高，除了行内级替换元素，其余元素都是行内级非替换元素。参考：http://blog.doyoe.com/2015/03...