行内元素有哪些?块级元素有哪些?空(void)元素有哪些?行内元素和块级元素有什么区别?

行内元素有哪些?

  • a - 锚点
  • em - 强调
  • img - 图片
  • font - 字体设定 ( 不推荐 )
  • i - 斜体
  • input - 输入框
块级元素有哪些?
  • address - 地址
  • blockquote - 块引用
  • center - 举中对齐块
  • dir - 目录列表
  • div - 常用块级容易,也是 css layout 的主要标签
  • fieldset - form控制组
  • p - 段落
空(void)元素有哪些?
  • <br/> //换行
  • <hr> //分隔线
  • <input> //文本框等
  • <img> //图片
  • <link> <meta>
行内元素和块级元素有什么区别?
  • 区别一:
    块级:块级元素会独占一行,默认情况下宽度自动填满其父元素宽度
    行内:行内元素不会独占一行,相邻的行内元素会排在同一行。其宽度随内容的变化而变化。
  • 区别二:
    块级:块级元素可以设置宽高
    行内:行内元素不可以设置宽高
  • 区别三:
    块级:块级元素可以设置margin,padding
    行内:行内元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。但是竖直方向的margin-bottom; margin-top; padding-top; padding-bottom;却不能生效。
  • 区别四:
    块级:display:block;
    行内:display:inline;
可以通过修改display属性来切换块级元素和行内元素
原文地址:https://www.cnblogs.com/qinglaoshi/p/13246181.html