实验二CSS和HTML的结合方式 实验内容 使用文本编辑器(同实验一)练习利用CSS对HTML页面的样式进行控制 实验任务 对文件夹task_2下的文件 discography. html编写CSS样式,使其尽量接近下图中给出的 效果。这是某张唱片的简介页面。(全图见task_2/ final.jpg) >:二 Album Review 顶部 banner使用的背景图片为task_2/ images/ bg. png。不要求完全一样,接近即可。 必须做到的有:页面设置底色;顶部应用背景图案;两处锚链接应用伪类选择器使其在4种 情况下显示的色彩不同:效果图中颜色与正文不同的文字必须设置颜色,可以自选;对表格 设置合适的文字大小和尺寸,并使表头不同于其他行,且为单数行的单元格设置底色 总体的要求为尽量做到页面效果美观;代码规范,在HTML代码中只允许为元素加入id和 class属性,样式表代码写在单独的文件中并用nk或 iimport的方法应用在HTML上;各个 元素的定位尽量接近效果图 实验提交物 task_2文件夹,包括 discography. htm、stye.Css(名字可以自己起)以及 Images文件夹 (不需要进行改动) TIPS 在线取色器可尝试这里。 使用 margin和 padding控制元素在父元素中的位置以及元素间的间隔 参考文字大小:顶部标题27pX、右侧部分顶端22pX、唱片信息与表格文字10pⅹ、评论标题18ρX、评论 正文11px。标题字体为 Georgia,评论正文为Aral,表格内容为 Verdana实验二 CSS和HTML的结合方式 实验内容 使用文本编辑器(同实验一)练习利用CSS对HTML页面的样式进行控制。 实验任务 对文件夹task_2下的文件discography.html编写CSS样式，使其尽量接近下图中给出的 效果。这是某张唱片的简介页面。(全图见task_2/final.jpg) 顶部banner使用的背景图片为task_2/images/bg.png。不要求完全一样，接近即可。 必须做到的有：页面设置底色；顶部应用背景图案；两处锚链接应用伪类选择器使其在4种 情况下显示的色彩不同；效果图中颜色与正文不同的文字必须设置颜色，可以自选；对表格 设置合适的文字大小和尺寸，并使表头不同于其他行，且为单数行的单元格设置底色。 总体的要求为尽量做到页面效果美观；代码规范，在HTML代码中只允许为元素加入id和 class属性，样式表代码写在单独的文件中并用link或import的方法应用在HTML上；各个 元素的定位尽量接近效果图。 实验提交物 task_2文件夹，包括discography.html、style.css(名字可以自己起)以及images文件夹 (不需要进行改动)。 TIPS 在线取色器可尝试这里。 使用margin和padding控制元素在父元素中的位置以及元素间的间隔。 参考文字大小: 顶部标题27px、右侧部分顶端22px、唱片信息与表格文字10px、评论标题18px、评论 正文11px。标题字体为Georgia，评论正文为Arial，表格内容为Verdana