CSS3页面布局总结-、定位、浮动、7种垂直居中的方法


目录

  • 一、BFC与IFC
    • 1.1、BFC与IFC概要
    • 1.2、如何产生BFC
    • 1.3、BFC的作用与特点
  • 二、定位
    • 2.2、relative
    • 2.3、absolute
    • 2.4、fixed
    • 2.5、z-index属性
    • 2.6、菜单
    • 2.7、:target伪类
    • 2.8、center定位
    • 2.9、page定位
    • 2.10、sticky定位
  • 三、浮动
    • 3.1、float取值
    • 3.2、float的特性
    • 3.3、清除浮动
      • 3.3.1、清除外部浮动
      • 3.3.2、清除内部浮动
  • 四、多种居中办法
    • 4.1、块标签自身水平居中
    • 4.2、块标签内对齐
    • 4.3、垂直居中方法一
    • 4.4、垂直居中方法二
    • 4.5、垂直居中方法三
    • 4.6、垂直居中方法四
    • 4.7、垂直居中方法五
      • 4.7.1、使用div构造一个表格
      • 4.7.2、使用表格特性居中
    • 4.8、垂直居中方法六
    • 4.9、垂直居中方法七
  • 五、示例下载
  • 六、视频
https://git.coding.net/zhangguo5/CSS301.git

github:https://github.com/zhangguo5/CSS3_3

https://coding.net/u/zhangguo5/p/HTML5_143/git

https://www.bilibili.com/video/av16530230/

CSS