H5标签在IE9之前都需要转成块级元素
在移动端就不需要考虑兼容问题。H5+css3可以放心的在移动端使用
1.nav 定义导航
2.header定义网页的头部
3.article 表示一块独立的地方
4.asude 对article的内容进行信息的解释
5.section 文档中的一个节点或者区域
6.footer 页面的底部。通常是版权信息或链接
7.标签用于对网页或区段(section)的标题进行组合。
BFC:blockformatting context 块级格式化上下文
官方解释为:它决定了元素如何对其内容进行定位,以及与其他元素的关系和相对作用,BFC提供了一个环境,html
元素在这个环境会按照一定规则进行布局。
说人话:
BFC的目的就是形成一个独立的空间在这个空间的子元素不会在布局上影响到外面的元素。
如何生成BFC
方法1:overflow 不为visible,可以让属性为:hidden auto scroll。
方法2:浮动 float不为none。只要设置了浮动,当前元素就拥有了BFC属性。
方法3:定位 绝对定位和固定定位。 默认和相对定位不会创建BFC空间。
方法4:display inline-block table-cell flex inline-flex
BFC应用:
1.解决margin塌陷
2.父类高度塌陷
3.阻止元素被浮动元素遮盖