CSS网页布局

  • div+css
    • 标准文档流 
    • 浮动:设置了浮动依然处于标准文档流中
    • 绝对定位
  • 定位  
    • 三种形式  
      • 静态定位
      • 相对定位
        • 相对于自身原有位置
        • 仍处于标准文档流中
        • 拥有偏移属性和z-index属性
      • 绝对定位
        • 建立了以包含块为基准的定位
          • 无已定位祖先元素,以<html>为参照基准
          • 有已定位祖先元素,以距其最近的已定位祖先元素为参照基准
        • 完全脱离标准文档流
        • 拥有偏移属性和z-index属性
    • 四个属性值
      • static:默认状态
      • relative
      • absolute
      • fixed
  • 结构表现分离
    • html结构
    • css表现
    • js行为
posted @ 2016-08-24 14:20  HANNN  阅读(145)  评论(0编辑  收藏  举报