美文网首页
CSS元素的显示模式

CSS元素的显示模式

作者: CJCJCCJ | 来源:发表于2016-11-10 14:29 被阅读12次

    在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级

    在CSS中CSS也将所有的标签分为两类, 分别是块级元素和行内元素

    1.什么是块级元素, 什么是行内元素?

    块级元素会独占一行
    行内元素不会独占一行

    容器级的标签

    div h ul ol dl li dt dd ...

    文本级的标签

    span p buis stong em ins del ...

    块级元素

    p div h ul ol dl li dt dd

    行内元素

    span buis strong em ins del

    2.块级元素和行内元素的区别?
    2.1块级元素
    独占一行
    如果没有设置宽度, 那么默认和父元素一样宽
    如果设置了宽高, 那么就按照设置的来显示

    2.2行内元素
    不会独占一行
    如果没有设置宽度, 那么默认和内容一样宽
    行内元素是不可以设置宽度和高度的

    2.3行内块级元素
    为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素

    相关文章

      网友评论

          本文标题:CSS元素的显示模式

          本文链接:https://www.haomeiwen.com/subject/nfkxpttx.html