美文网首页饥人谷技术博客
行内元素与块级元素的区别

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

作者: 饥人谷__陈俊豪 | 来源:发表于2016-12-07 09:46 被阅读0次

这个 行内元素与块级元素的特性的坑,终于踩过去了。
这是初级前端们经常踩的一个坑,了解后对页面布局会有一个飞一般的长进。

什么是行内元素
  • 行内元素设置widthheight无效 //行内元素可以设置line-height设置其高度。
  • 行内元素可以与行内元素同时在一行
  • 行内元素设置上下marginpadding无效
  • 行内元素不能包含块级元素,只能包含文本
什么是块级元素
  • 块级元素无论widthheigth大小 都单独占一行
  • 块级元素总是在新行开始
  • 块级元素可以容纳行内元素和其它块级元素

  • 常见行内元素有哪些:
    a span img input i s em
  • 常见块级元素有哪些:
    div p a ul li ol dl form h1~h6

文章所有权归陈俊豪以及饥人谷所有,转载须说明来源

相关文章

  • 块级元素和行内元素

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

  • 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/rardmttx.html