使用CSS美化网页.ppt

《使用CSS美化网页.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《网页设计与制作》课程概述：本课程的功能是在网站建设中实现客户端界面。主要讲授网站规划与开发流程、主流网页设计工具的使用、HTML、CSS样式和JavaScript等内容。采用理实一体、模块化教学以项目为载体：设计完成3个项目：个人网站、企业宣传网站、商务网站前台设计项目由简单到复杂，每个项目基于完整的工作过程学习情境设计：6个阶段：资讯、决策、计划、实施、检查、评价分组实施：3-5人一组1授课说明授课班级08微机1、2班日期2009年5月12授课题目第12章使用CSS美化网页授课内容CSS概述CSS美化网页教学形式理实一体边讲边练目

2、的要求学会创建CSS文件，能按要求美化网站重点难点重点：外部CSS文件的使用难点：CSS定义作业布置1.个人网站—用内部样式2.企业宣传网站---用外部样式表备注2第12章使用CSS美化网页统一网站的整体风格目标掌握CSS样式表的基本语法和定义位置。掌握标签样式、高级样式、类样式的定义方法。掌握样式的编辑方法。掌握如何使用CSS样式表美化页面。4知识讲解12.1CSS概述12.2使用CSS美化页面512.1　CSS概述CSS是“CascadingStyleSheet”的缩写，“层叠样式表”CSS具有更好的易用性与扩展性，CSS样式表可

3、以应用到很多页面中，从而使不同的页面获得相同的布局和外观。6CSS的优点改变浏览器的默认显示风格页面内容和显示样式分离可以重用样式表方便网站维护提供便利的更新功能，更新CSS样式时，使用该样式的所有文档的格式都自动更新为新样式。7这个段落应用了样式

这个段落按默认样式显示什么是样式？指定显示样式样式规则8常用的样式属

4、性属性CSS名称说明颜色color文本属性font-size字体大小font-family字体text-align文本对齐边框属性(用于表单元素)border-style边框样式border-width边框宽度border-color边框颜色定位属性(position)top顶部边距（上边距）left左边距width宽度height高度z-indexz轴索引号，用于层9根据样式代码的位置，分为三类：行内样式内嵌样式外部样式样式的分类在最后一个声明后面加上一个分号(;)是一个好习惯10行内样式您如果希望某段文字和其他段落的文字显示风格不

5、一样，那么请采用“行内样式”。行内样式使用元素标签的STYLE属性定义。/*－－关键代码--*/

剩余时间：成交结束
新旧程度：全新
所在地：北京
宝贝数量：5件
浏览量：220次