网页的布局设计试题 第1篇
3. 有一a元素结构为首 页,它的CSS样式如下,请在下划线处填写代码注释: a {
font-size:14px; 1:*/
text-decoration:none; /* 2:*/
background-image:url(xx/wlzx);
height:32px; 3:*/
padding-left:24px; 4:*/
display:block; /* 5:*/
float:left; /*6:*/
line-height:32px; /* 7:*/
b {
background-image:url(xxwlzx/;
background-position:right top; /*8:*/
display:block; 9:*/
width:60px；10:*/
4.用html插入一个表单，要求表单中有姓名用文本框实现、密码用密码框实现、性别用单选按钮实现，出发地用下拉列表实现，地名任写3个、个人简历用文本域实现、提交和重置按钮。
5.下面的代码都有错误，请改错？
①
This is a new paragraph<\p>
…< li>The list item< /li>
6.下拉菜单采用二级列表结构，第一级放导航项，第二级放下拉菜单项。,它的CSS样式如下,请填写下划线处的代码注释。
ul#nav{
padding: 0;
margin: 0;
list-style: none;} 1:*/
li {
float: left; /* 2:*/
width: 160px;
position:relative; } 3:*/
li ul {
display: none; * 4:*/
position: absolute; top: 21px;/*5*/
li:hover ul {
display: block;} /*6*/
ul li a{
display:block; 7:*/
font-size:12px; 8:*/
border: 1px solid #ccc;9:*/
padding:3px; /*10:*/
7.利用盒子模型制作无需表格的竖直菜单。包含首页、中心简介、政策法规、常用下载、技术支持和服务，都设置为空链接。字体颜色为黑色，14px,无下划线;背景颜色为红色；填充为6px；边框为1px黑色细线边框；宽度140px;间距2px;鼠标放到超链接上时字体颜色为白色。
8.制作图文混排和首字下沉效果
9.制作中英文导航栏。
10.制作纯CSS下拉菜单。
第一题
1.定义
标签的样式：首行缩进2个字符、左对齐、字体颜色红色、无下划线、黑体。
的标签样式，就是对
标签进行css修饰，其中左对齐可以直接用text-align:left来体现
。。。。。。。。。。。。
其余的属性要用css样式进行体现
第二题
2.定义
网页的布局设计试题 第2篇
东部华侨城位于深圳大梅沙附近，是一个大型的度假观光旅游、探险、户外运动等为一体的生态旅游景区，来这里好玩的景点有茶溪谷休闲公园、云海谷体育公园、大华兴寺、大峡谷生态公园等，是旅游休闲的好地方。
西涌位于大鹏半岛南澳南，这里的海滩是深圳最长最美丽的海滩，特别的安静适合情侣约会。是深圳十大景点之一，金色沙滩如绸缎般飘逸、舒畅
仙湖植物园位于罗湖区莲塘仙湖路，集研究、植物收集和旅游观光休闲为一体的游乐公园。在深圳十大景点中是观赏植物科学研究的重要基地。
世界之窗是很多外地游客来深圳旅游必去的一个景点，位于深圳市南山区。集世界奇观和名胜古迹以及民间歌舞表演为一体的大型主题公园，建筑风格很有特色可以拍照留念。
福永乌头鱼是深圳特色美食之一，肉质肥美、营养丰富，深受大家喜爱。乌头鱼以福永乌头鱼最为著名。乌头鱼又称“新鱼”，不食草类，专食小虾、小蟹，生活在蟹洞、海朗头和蚝塘中。乌头鱼体形较小呈圆形，最重不超过1斤，全身只有一条脊骨，肉多骨少，非常适合小孩子食用。
沙井蚝是深圳著名的一道美食，沙井蚝产自深圳沙井，体型肥大，色泽乳白，肉质细嫩鲜美是深圳最著名的特产。沙井蚝不仅好吃，营养还丰富，富含蛋白质和维生素，含碘量是牛奶和蛋黄的200倍，被誉为“海底牛奶”。
“食海鲜，到南澳”，南澳水产资源丰富，是金国最大规模的陆地养鲍基地之一。鲍鱼古称“石蝮”、“石决明”，又称“九孔螺”，肉质滑爽脆嫩、营养丰富，自古便被视为“鲍、参、翅、肚”四海味珍品之首，有可滋阴怡神功效。
南山荔枝品种有糯米糍、桂味、妃子笑等，果实成熟在6月下旬。南山荔枝具有肉软滑细嫩、多汁、味浓甜等特点。营养价值高，被誉为“中华之珍品”。“一骑红尘妃子笑，无人知是荔枝来”，早在唐宋时期，荔枝便是进献的“贡品”。
网页的布局设计试题 第3篇
字体间距属性，字体颜色，下划线，字体都是用css样式来修饰
第三题
3. 有一a元素结构为首 页,它的CSS样式如下,请在下划线处填写代码注释: a {
font-size:14px;/* 1:*/
text-decoration:none; /* 2:*/
background-image:url(xx/wlzx);
height:32px;/* 3:*/
padding-left:24px;/* 4:*/
display:block; /* 5:*/
float:left; /*6:*/
line-height:32px; /* 7:*/
b {
background-image:url(xxwlzx/;
background-position:right top; /*8:*/
display:block; /*9:*/
width:60px；/*10:*/
根据代码写注释，可以上机自己一行行代码添加，看看样式变化
1.字体大小为14px//font-size字符大小
2.没有下划线//text-decoration关于下划线
3.高度为32px
4.填充左边距为32px//padding填充边距
5.显示格式为块级格式//display显示格式
6.左侧浮动//float设置浮动格式
7.设置行高为32px
8.背景格式为右侧 顶部//在父元素的方位
9.同5
10.宽度为60px
第四题
4.用html插入一个表单，要求表单中有姓名用文本框实现、密码用密码框实现、性别用单选按钮实现，出发地用下拉列表实现，地名任写3个、个人简历用文本域实现、提交和重置按钮。
直接上代码
姓名
密码
性别
个人简历
第五题
5.下面的代码都有错误，请改错？
①
This is a new paragraph<\p>
…< li>The list item< /li>
直接改答案
This is a new paragraph
第六题
6.下拉菜单采用二级列表结构，第一级放导航项，第二级放下拉菜单项。,它的CSS样式如下,请填写下划线处的代码注释。
ul#nav{
padding: 0;
margin: 0;
list-style: none;} 1:*/
li {
float: left; /* 2:*/
width: 160px;
position:relative; } 3:*/
li ul {
display: none; * 4:*/
position: absolute; top: 21px;/*5*/
li:hover ul {
display: block;} /*6*/
ul li a{
display:block; 7:*/
font-size:12px; 8:*/
border: 1px solid #ccc;9:*/
padding:3px; /*10:*/
跟第三题一样
1.无序列表中不含有格式
2.左侧浮动
3.相对定位
4.无显示格式
5.绝对定位
6.块级显示
7.块级显示
8.字体大小
9.实现边框，边框宽度为1px 颜色为灰色
10.内边距为3px
第七题
7.利用盒子模型制作无需表格的竖直菜单。包含首页、中心简介、政策法规、常用下载、技术支持和服务，都设置为空链接。字体颜色为黑色，14px,无下划线;背景颜色为红色；填充为6px；边框为1px黑色细线边框；宽度140px;间距2px;鼠标放到超链接上时字体颜色为白色。
css样式如下：
HTML如下
效果图如下
第八题
8.制作图文混排和首字下沉效果
参考我的另一篇博客，链接如下：
第九题
9.制作中英文导航栏。
css样式如下
HTML代码如下
效果如下
第十题
10.制作纯CSS下拉菜单。
css样式
HTML如下
效果图如下