网页的布局设计试题 第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如下
效果图如下