文档介绍：作答要求:(提示:请随时保存)
1、新建一个站点,所有题目都在站点中制作,站点的命名方式
MySite-班级(1、2、3、4)+两位学号(05)(注:在Dreamweaver中没有站点不给分)
例如:MySite-105 一班5号的命名方式
2、每个小题单独建立一个HTML文件,因此站点中应该保存有4个文件,文件依次命名为CSS1、CSS2、CSS3、JS1
---------------------------------------------------------------------------------------------------------------------------
考试题目:
HTML+CSS的应用(75分)
使用HTML、CSS属性及选择符实现如图所示的一个表格(30分)
表格宽度500px,文本在单元格中居中对齐,表格在浏览器中居中对齐(10分)
结合id选择符将
文本的粗度设置为bolder,背景色为#C9F(5分)
结合class选择符分别控制表格内容(除标题列外的)第1,3列背景色为#9FC ,第2,C(10分)
为表格和单元格添加边框,颜色为blue、宽度为1px,线形为dashed。(5分)
最终效果如下图所示。
---------------------------------------------------------------------------------------------------------------------------
列表(20)
按照下面左图所示用HTML书写一个嵌套列表,外层是无序列表、内层是有序列表(5分)
注意:《》中的第一个li中嵌套的是a标签,即每个列表项目(如:软工09-1班)都是超链接,超链接的href属性可以先指定为“#”,不用链接到任何网页。
使用CSS控制列表的属性(必须用CSS)(15分)
控制ul的列表项目符号为square(2分)
控制a标签的CSS为(13分)
去掉链接的下划线(2分)
文字颜色为#000(2分)
行高为30px(2分)
底部边框的样式为颜色:#666 ,粗细:1px ,线形:dashed(2分)
链接的鼠标悬停状态的样式控制为:文字颜色#00F,字号为20px。(5分)
下图中左侧的是原始HTML效果,控制了CSS之后得到右侧的最终效果图。
---------------------------------------------------------------------------------------------------------------------------
实现一个CSS+div布局(25分)
使用CSS+div布局实现如下一个布局效果,具体要求如下:
必须用CSS+div实现,使用表格没有成绩
为每个CSS设置边框或背景色,颜色自选,能够看出div轮廓即可
div1宽度为900px,高度为150px;
div2宽度为900px,高度为50px;