第4章 使用HTML+CSS布局网页.pptx

网页设计与Web前端开发案例教程第4章使用HTML+CSS布局网页

CONTENT目录CSS布局概述01元素浮动02元素定位03图片特点及布局04表单及布局05表格及布局06内联框架07CSS进阶应用08PC端网页布局综合案例实战09

01CSS布局概述

CSS布局相关概念CSS布局核心概念CSS布局利用样式表实现网页内容定位，基于盒模型，通过设置属性合理放置元素，如将网页内容比作剪报进行裁剪粘贴。盒模型与元素类型盒模型是CSS布局核心，元素分块、行内及行内块元素，不同类型显示特性各异，影响布局效果。三种定位机制概述CSS有普通流、浮动和绝对定位三种定位机制，适用于不同场景，可对网页分层，