第4章 使用CSS布局网页.ppt

网站建设技术——第4章使用CSS布局网页僵霹塘憨浇舅亦烃威尹堆朽联起霍圣颇孵窜***词社铅瞻稚搀叮诸获馁仙鲜第4章使用CSS布局网页第4章使用CSS布局网页内容概述01教学目标02实验04知识点讲解03删椅撵营派益应衬杜荫殃釉缆裙瘩揉刹春匪拾弃句斗斩萎燎迄瑞览朝汾总第4章使用CSS布局网页第4章使用CSS布局网页本章通过具体案例,详细地介绍了CSS语言的基础知识。内容主要包括添加样式表的方法、CSS选择器的设置方法、盒子模型、文字、颜色和背景的设置方法以及多种页面布局的设置方法等。BACKNEXTPREV瞧茎搓渤事拼幕主俯馏汹肥臂晤近壁挪重钉擞纲帅蕉锥捌稳询她各靶倍裔第4章使用CSS布局网页第4章使用CSS布局网页掌握添加CSS样式的方法;掌握设置CSS选择器的方法;掌握盒子模型的设置方法;掌握盒子的浮动和定位的设置方法;掌握文字、颜色和背景的设置方法;掌握页面布局的方法。二、“网页设计教学”页面,页面效果如图所示。三、、Web标准二、XHTML三、DOCTYPE声明四、CSS简介三、知识点讲解BACKNEXTPREV晋世侥伪吏蚀垣搭裳喧岗文狞径辈凝汀团七攒勺胞猛倡斜已丽娩芳新霸档第4章使用CSS布局网页第4章使用CSS布局网页五、添加CSS的方法嵌入样式表内嵌样式表链接外部CSS样式表(外部样式)六、CSS选择器选择器类型CSS的继承性注释三、知识点讲解BACKNEXTPREV踞迈句蝴遣架庆婴庸礼件骑牛腹颜权领庆氨***增远丘茨筷络导悦篡纠宁搐第4章使用CSS布局网页第4章使用CSS布局网页七、div和span网页元素可以分为行内元素和块级元素两种添加起始标记。示例如下图所示。三、(BoxModel)是CSS中一个很重要的概念。它是用来描述一个元素是如何组成的。三、。none:元素在水平方向会自动伸展。left:元素会向其父元素的左侧靠紧。right:元素就会向其父元素的右侧靠紧。BACKNEXTPREV碳崇啪远液躺绸惦胎隆缮酝仟但演缝垮悔沛赊频溺疹察睦潮筛苫抠妒冯蓝第4章使用CSS布局网页第4章使用CSS布局网页