Web前端开发 课件 6.2 浮动布局.pptx

静态网页设计

第六章核心应用——排版布局

浮动布局

1HTML元素的三种分类什么是浮动布局？2浮动布局适用于哪些场景？3如何设置浮动布局？4如何处理浮动布局带来的问题？5

HTML元素的3种分类01

HTML元素的3种分类表现形式上分：三种元素之间可以通过display属性或浮动、定位等进行相互转换典型特征：独占一行,可直接设置宽高、上下边距常见元素：

div、p、h1~h6、ol、ul、dl、table、form、...块级元素典型特征：一行能显示多个,

不能直接设置宽高、上下边距等常见元素a、span、br、i、em、...行内元素典型特征：兼具块级、行内两种元素特性，一行能显示多个，