2

第1章 课程简介

1-1 课程简介

网页布局:网页制作的基础

  • 流式布局

  • 浮动布局

  • 绝对定位布局
    与三种布局相关的知识点:标准文档流,盒子模型,float属性,position属性

三个案例:

  1. 自动居中一列布局案例[盒子模型的使用方法]

  2. 浮动布局案例[float属性;解决浮动影响的方法]

  3. 绝对定位布局案例[绝对定位实现横向两列或多列布局]

CSS 规定的定位机制有三种,分别是标准文档流浮动绝对定位

第2章 自动居中一列布局

2-1 相关知识点讲解——标准文档流、块级及行级元素等

W3C标准

w3c标准,由万维网联盟制定的一系列标准,包括:结构化标准(html和xml)、表现标准语言(css)、行为标准语言(DOM和ECMAScript) 倡导结构、样式、行为分离。

clipboard.png

CSS中的定位机制

3种的定位机制:

  • 标准文档流

  • 浮动

  • 绝对定位。

clipboard.png

标准文档流

clipboard.png

块级元素

clipboard.png

clipboard.png

行级元素

clipboard.png

clipboard.png


黄奋斗
163 声望19 粉丝