盒模型与inline、inline-block标签特点

一、

1.盒子模型分为标准盒模型,与怪异盒模型。

2.标准盒模型:内容尺寸 盒子尺寸 区域尺寸。

3.注意:盒子与盒子之间用margin,盒子内部用padding,盒子尺寸尽量用auto。

4.盒子模型由外边距margin,边界border,内边距padding,内容尺寸width、height 四种样式组成。

二、

1.行级标签对margin左右,padding左右支持较好,上下间距慎用(谨记)。

2.display:inline-block;适用于结构相同。当结构不同时,不用于同行排列。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,682评论 1 92
  • CSS盒模型 在CSS中盒模型被分为两种,第一种是W3C的标准模型,第二种是IE怪异盒模型。两种盒子模型都包括pa...
    _空空阅读 8,792评论 0 3
  • 每天写博客,就像每日一记,相似于日记,又不同于日记,这玩意是要发布的,私密的东西还是悠着点写,虽然没什么人看。闲话...
    没_有_人阅读 3,332评论 3 9
  • 拓展:浏览器一次可以向服务器并发8个请求,第九个需要等到下一次 1、元素的显示方式 div标签:块级元素(blo...
    雅玲哑铃阅读 3,161评论 0 6
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,572评论 0 8