块级元素和行内元素的区别

div和span有什么区别?
1、div会独占一行,而span不会独占一行
2、div是一个容器级的标签,而span是一个文本级的标签

容器级的标签和文本级标签的区别?
1、容器级的标签中可以嵌套其他所有的标签
2、文本级的标签中只能嵌套文字/图片/超链接

CSS显示模式
在HTML中标签分为两类,分别是容器级标签和文本级标签
在CSS中也将所有标签分为两类,分别是块级元素和行内元素
1、什么是块级元素? 什么是行内元素?
块级元素会独占一行
行内元素不会独占一行

块级元素和行内元素的区别?
块级元素
    独占一行
    如果没有设置宽度,那么默认和父元素一样宽
    如果设置了宽高,就按设置的宽高显示
    
行内元素
    不会独占一行
    如果没有设置宽度,那么默认和内容一样宽
    行内元素不可以设置宽度和高度

行内块级元素
    为了让元素既能够不独占一行,又能设置宽高,如img元素
    
如何转换CSS元素的显示模式?
    设置元素display属性
        block 块级
        inline 行内
        inline-block 行内块级

posted @ 2019-06-10 20:47  ilovetesting  阅读(227)  评论(0编辑  收藏  举报