百度前端学院-基础学院-第吴课/第六课

2018-06-24 02:28:22来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

今天是一个跨天的任务,学习目标是:掌握CSS盒模型及Float;

盒模型要点:

  • 如果盒子的高度被设置为百分比长度,那么盒子高度不会遵循这个设置了的百分比长度,而是总会采用盒子内容的高度,除非给它设置了一个绝对高度(例如,像素或者 em)。这比把页面上每个盒子的高度默认设置为视口高度的 100% 更方便。
  • 边界(border)也会忽略百分比宽度设置。
  • 外边距(margin)有一个特殊的行为,称为 外边距塌陷: 当两个盒子挨在一起时,二者之间的距离为两个挨着的外边距中最大的那个值,而不是二者的和。

overflow:

background-clip:背景裁剪,值有:

box-sizing: 改变盒子计算;值:border-box(height只是不包含margin);和 content-box(只包含内容高度)

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:课时104.边框属性上(掌握)

下一篇:课时90.div和span(掌握)