(精)HTML-T6.pptVIP

第六章 CSS的应用方式和盒子模型 回顾 CSS的样式规则中，定义背景颜色的属性是什么？ CSS的样式规则中，定义文本居中的属性是什么？ 本章案例 熟练使用盒子模型相关属性，改变HTML元素的样式和定位。 本章目标 CSS的三种应用方式 理解盒子模型 学会使用div和span 预习检查 CSS 的应用方式有哪三种？ 描述盒子模型的外边界属性是什么？ Div元素是块元素还是内联元素？ CSS的三类应用方式 内部样式表 在head区声明的样式表，称为“内部样式表”。 内部样式表的特点：仅对本页面有效。 内部样式表的缺点：各个页面CSS重复率较高，以后维护起来不方便。 外部样式表 把样式表写在一个以.css为后缀的CSS文件里。 有了单独的CSS文件，HTML文档如何引用这个文件呢？ 推荐使用外部样式表 行内样式表 如果某个样式规则使用频率不高，只是极个别元素使用，可以把样式定义在元素的标签里。 三种样式表的特点 样式表的“最近原则” 第一段、第二段文本的格式分别是什么？ 如果将外部样式表、内部样式表更换位置，结果又怎样？ 课堂练习 使用外部样式表，实现网页body区样式的统一。 为什么要学习盒子模型 在CSS中，盒子模型是非常重要的概念。 盒子模型可以帮助你实现灵活的排版和一些特效。 盒子模型的结构 盒子模型的属性 盒子模型的属性 盒子模型示例效果 盒子模型的参考代码 盒子模型属性