Web前端开发 课件 6.1 DIV+CSS.pptx

静态网页设计

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

DIV+CSS

1什么是DIV2为什么要DIV+CSS3DIV+CSS的基础应用4内外边距设置留白5认识CSS盒子模型

什么是DIV？01

什么是DIV？div（division，层）：分割、分区是块级标签是网页布局的主流技术可把相互关联的内容包裹起来

形成独立的逻辑区块可让表现与结构分离使布局灵活性高使页面加载更快

为什么要DIV+CSS？02

为什么要DIV+CSS？专业修饰元素外观高效地让网页风格统一真正做到内容与表现分离代码重用多、体积小、载入快、更易扩展更利于搜索引擎抓取，达到更好的推广效果divcss“容器”元素不具备任何样式

DIV+C