CSS3新特性

1.sticky粘性元素

在表格离开窗口之前,表头可以一直fixed悬浮在表格最顶上,这杯称为粘性元素设计

2.inline元素

设置padding-left,padding-right,margin-left,margin-right是有效的,设置上下边距都是没有效果的

3.BFC

原理

  • 块级格式化上下文,是一种布局方式,盒子所在的块级元素垂直排列,水平方向上撑满整个宽度
  • 两个相邻BFC之间的距离由margin决定
  • 在同一个BFC内部,两个垂直方向相邻的块级元素的margin会发生塌陷
  • 解决垂直外边距合并的解决为,给这两个盒子也创建BFC

创建BFC

  • float不为none
  • overflow不为visible
  • position为absolute或fixed
  • display为inline-block,table-cell,table-caption

BFC的作用

  • 清楚内部浮动
  • 垂直外边距合并

你可能感兴趣的:(CSS3新特性)