css实验报告

西安郵電學院 网络技术基础 ——internet和网页设计 课内实验报告书 院系名称 ： 继职学院 实验题目 ： css 学生姓名 ： 杨晓玉 专 业 名称 ： 计算机网络技术 班 级 ： 0902 学号 ： 3094202025 时间 ： 2 0 1 1 年 5 月 1 2 日 指 导 教 师 ： 朱辉 网页设计实验报告 css 一、 实验目的 熟练掌握css 的常用属性，并应用在设计中。使得网页设计内容更加丰富 二、 实验内容 1) 了解CSS 的属性 2) 使用不同的方法（HTML 属性，Jav aScript，CSS）为页面底版设置颜色 3) 在不同位置设置CSS（直接写在控件中，另外设置样式表），取得相同的结果 4) 修改控件中字体的尺寸和颜色 5) 利用CSS 设置菜单（展开和隐藏效果） 三、 设计与实现过程 1. 用html 设置页面底板颜色： 页面颜色为红色 2、用Jav aScript 设置页面底板颜色： 页面颜色为红色 3、用CSS 设置页面底板颜色： 页面颜色为红色 以上三种设置效果均为如下所示： 4、在不同位置设置 css； （1）在控件中： CSS 直接写在控件属性中 （2）另外设置样式表： Style-name{ Background-color:#00FF00 } 5 、修改控件中字体的尺寸和颜色： 姓名： 设置前： 姓名： 设置后： 6、设置控件属性： 设置前：（姓名;） 设置后：（ ） 7 、隐藏： 展开： 四、 设计技巧及体会 利用 css 来设置使得编辑更加简单，不会有繁琐的代码，使得设置更加方便 用 div+css 也有许多好处使得设计简单方便，节省资源 实验设计的效果与每一部分的属性设计关系很大，要熟练掌握设计步骤与过程才能达到所要求的效果。