网页布局基础

第一章 自动居中——列布局

1-1 相关知识点讲解

1. W3C标准

2. CSS中的定位机制

（1）标准文档流

注：块级元素和行级元素都是盒子模型

1-2 盒子模型

1-3 自动居中——列布局的实现

1.三个技能点

2.margin属性实现居中

第2章 横向两列布局

2-1 浮动布局简介及float属性

1.浮动布局

2.float属性

2-2 常用清除浮动的常用方法

2-3 横向两列布局

例

    
    
    



    
头部
    

        

        

    
    
版权部分

第3章 绝对定位布局

3-1 简介

1.绝对定位布局简介

2.position属性

3-2 相对定位

3-3 绝对定位

1.未设置偏移量

2.设置偏移量

3.使用绝对定位实现横向两列布局