CSS实训项目.docVIP

CSS实训项目 实训名称：网站CSS样式表设置 实训学时：2学时 实训目的：使学生能在利用CSS面板对网站进行CSS样式的建立与应用 实训内容：对一个网站进行CSS样式表的建立与应用 实训步骤： 对index.htm文件建立CSS样式，对body标签进行设置，要求设置整个网页的背景颜色为#666666，字体大小为9pt，字体为宋体，颜色为#000000； 利用CSS样式表对index.htm文件中的各类型链接进行样式设置： （1）a.link：颜色（# 333366），修饰（无） （2）a.visited：颜色（# 666666），修饰（无） （3）a.hover：颜色（# 0000ff），修饰（有下划线） 对文本进行CSS样式设置： 对导航条中的文字进行设置，如下图所示位置： 设置效果见实例网页。 建立类样式对下图中的文字进行CSS样式设置： 新建高级类样式对中间部分文字进行CSS样式设置，效果见实例网页： 对网页中的表格边框部分进行设置（左、右、上、下边框为实线，宽度为1像素，颜色为#ff9933）并对网页中其他相同的效果进行套用 对网页中的input标签进行设置（左、右、上、下边框为实线，宽度为1像素，颜色为#666666），如图所示： 将index.htm文件中的CSS样式导入到一个.css文件中，名称为style.css，并保存在jobstu目录下的css文件夹中