《web实验三-css样式表及应用》由会员分享,可在线阅读,更多相关《web实验三-css样式表及应用(14页珍藏版)》请在金锄头文库上搜索。
1、实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验内容1、定义样式表 2、样式表的使用实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验目的1、能熟练掌握样式表的定义。2、能熟练掌握样式表的使用。实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验重点样式表的使用实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验难点1、样式表的定义2、样式表的使用实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页一、演示实验项目效果 1、实验项目一 直接定义
2、标记的style属性实例 2、实验项目二 定义内部样式表实例 2、实验项目三 网页链接属性的设置实例 3、实验项目四 背景与颜色的使用实例实验项目一效果图实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验项目二效果图实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验项目三效果图实验项目四效果图实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页二、实验步骤:实验一 直接定义标记的style属性实例1、新建dianzi1.html文件。2、输入“御茶园茶业网上商城”。3、给“御茶园茶业”和“网上商城”分别定
3、义 文字样式。实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验二 定义内部样式表实例 1、新建dianzi2.html文件 2、在HTML文件内定义样式表 3、利用CLASS类选择符定义样式 4、利用ID选择符定义样式实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验三 网页链接属性的设置实例 1、新建dianzi3html文件。 2、设置文字加链接。 3、让按钮上的文字与页面上其它的文 字链接设置不一样。实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验四 背景与颜色的使用实例1、新建dianzi4.html ; 2、设置背景图片与颜色。实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页实验小结:本次课,我们完成了四个实验,对样式 表的定义与使用有更深的认识,还有很多属 性,大家将它们也操作熟练,希望大家制作 的网页更加多姿多彩。实验难点实验内容实验目的实验重点实验步骤实验项目三 CSS及其应用上一页下一页存在的问题:样式表的定义及应用一定要熟 练掌握。谢 谢!