西安郵電學院 网络技术基础 ——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 设置页面底板颜色： 使用BODY 属性设置页面颜色 页面颜色为红色 2、用Jav aScript 设置页面底板颜色： 使用Jav aScript 设置页面颜色 docu ment
bgColor = “ FF0000” ; 页面颜色为红色 3、用CSS 设置页面底板颜色： 使用CSS 设置页面颜色 页面颜色为红色 以上三种设置效果均为如下所示： 4、在不同位置设置 css； （1）在控件中： 使用 CSS 设置页面颜色 CSS 直接写在控件属性中 （2）另外设置样式表： Style-name{ Background-color:#00FF00 } 5 、修改控件中字体的尺寸和颜色： 默认控件中字体的尺寸和颜色 姓名： 设置前： 修改控件中字体的尺寸和颜色 input{ font-size: 20; color: #00ff00; font-family: 宋体; font-weight: bold; } 姓名： 设置后： 6、设置控件属性
