美文网首页
块级元素与行内元素的区别

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

作者: vf郑志雄 | 来源:发表于2017-03-31 19:33 被阅读0次

块级元素

  • 独自占一行,不能与其他任何元素并列
  • 可以设置宽高
  • 如果不设置宽度,那么宽度将默认变为父亲的100%。

行内元素

  • 与其他行内元素并排
  • 不能设置宽、高。默认的宽度,就是文字的宽度。

文本级、容器级。

  • 文本级:p、span、a、b、i、u、em
  • 容器级:div、h系列、li、dt、dd

CSS的分类和上面的很像,就p不一样:
所有的文本级标签,都是行内元素,除了p,p是个文本级,但是是个块级元素。
所有的容器级标签都是块级元素。

块级元素和行内元素的相互转换

  • display: inline;
    那么,这个标签将立即变为行内元素。此时它和一个span无异:
    此时这个div不能设置宽度、高度;
    此时这个div可以和别人并排了;
  • display: block;
    让标签变为块级元素。此时这个标签,和一个div无异:
    此时这个span能够设置宽度、高度
    此时这个span必须霸占一行了,别人无法和他并排
    如果不设置宽度,将撑满父亲

相关文章

  • 块级元素和行内元素

    块级元素列表 行内元素 行内元素与块级元素区别 行内元素于块级元素直观上的区别 行内元素会在一条直线上排列,都是同...

  • CSS常见样式

    块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素 行内元素 块级元素与行内元素的区别块级可...

  • CSS 常见样式书写

    1. 块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级和行内元素的区别:行内元素与块级元素直观...

  • 入门任务8

    块级元素和行内元素分别有哪些?## 块级元素 行内元素 区别 块级元素可以包含行内元素和其他块级元素,行内元素只能...

  • css常见样式总结

    块级元素与行内元素区别 块级元素与行内元素 块级元素:div, h1-h6, p, hr, form, ul, o...

  • 任务8——CSS常见样式

    1.块级元素和行内元素分别有哪些? 区别1块级元素可以包含块级元素和行内元素;行内元素只能包含文本和行内元素 区别...

  • css学习笔记之常见样式

    1 块级元素 和 行内元素区别 1 差异 块级元素可以包含行内元素和块级元素 行内元素只能包含文本和行内元素 块级...

  • css常见样式

    块级元素和行内元素分别有哪些? 块级元素: 行内元素: 特性区别:1.块级元素可以包含行内元素和块级元素,而行内元...

  • CSS常见样式(上)

    1.块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素: 行内元素: 3.行内元素与块级元素...

  • CSS常见样式问题搜集

    1.块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别? 块级元素:块级元素 行内元素:行内元素 区别...

网友评论

      本文标题:块级元素与行内元素的区别

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