码迷,mamicode.com
首页 > 其他好文 > 详细

关于盒子模型以及块元素和行内元素

时间:2018-04-06 18:39:17      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:需要   com   边框   play   bubuko   body   调整   class   span   

  盒子模型,盒子模型算是页面比较经典的一个概念了,所有的页面元素和div都能称之为一个盒子,每个盒子都具备:内容(content),填充(padding  也称之为内边距),边框(border),边界(margin  也称之为外边距);下面有一张盒子模型的图片;

  技术分享图片

  说白了这个盒子模型让你知道你需要效果式需要调整哪个位置的内外边距以及边框的样式;

  行内元素和块元素:

  行内元素,又称为内联元素,行内元素在本行内可以容纳文本和其他行内元素,常见行内元素<span><a>等;

  块元素,块元素不管内容大小,独占一行,常见的块元素 <div><p>等;

  代码 display:inline   可以使当前元素按行内元素方式显示;

  代码 display:block  可以使当前元素按块元素方式显示;

  

关于盒子模型以及块元素和行内元素

标签:需要   com   边框   play   bubuko   body   调整   class   span   

原文地址:https://www.cnblogs.com/privateWa/p/8728294.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!