网页设计期末复习网页设计与开发
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计简答题：
a. 相对定位与绝对定位的区别并举例说明。
相对定位 的元素框会偏移某个距离。 元素仍然保持其未定位前的形状, 它原本所占的空间仍 保留。
绝对定位 的元素框从文档流完全删除, 并相对于其包含块定位, 元素原先在正常文档流中所 占的空间会关闭元素定位后生成一个块级框。
b. 制作菜单的常用方法 【第一步】我们要
先做一个容器（要求： 页面水平正中,与浏览器顶部的距离是 导航条中的内容了“ CSS 学习学前准备
签有序列表 ul ,单元格 li 新建样式—复合类型— #nav ul li{ float:left;};
CSS 属 性中加入
“list-style: non
e; ”
100 像素：【第四步】我们需要将上面的导航条做以下几个修改 面的导航加上链接； 开的效果 c. 图片与文字的对齐方式 （padding,margin,DIV 的 float 、行高、对齐、背景图片设置属 性） 1. padding length 、 %、
2. margin 可能的值 auto 、
length 、%、 inherit
3. float 定义元素在哪个方向
浮动 性的值）
4. line-height 属性可设置行间的距离,不允许使用负值。
5. text-align 属性规定元素中的文本的水平对齐方式。
图像由标签定义。是空标签，意思是说，它只包含属性，并且没有闭合标签。
DIV 中设置CSS 的两种方式（内联和外联方式代码）
外联：是指把样式写在一个 CSS 文件中通过link 标签导入到页面中
例如：
1.
ID 为“nav ”，宽度为960px ,高度为：35px ,位于
30px ；） 【第二步】盒子做好了，我们就要往里面放 入
门教程 提高教程 布局教程 精彩应用” ,插入标 在 li
标签的
第三步】后面的文字全部贴着前面的文字。设置
1）给上
2）链接文字大小修改为 12px;3 ）并且规定链接样式,鼠标移上去和拿
简写属性在一个声明中设置所有内边距属性。不允许使用负值。
inherit
可能的值 auto 、
简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值 none 、 left 、right 、inherit （ 规定应该从父元素继承 float 属
2.
内联 : 是指在同一个页面文件中，统一写出在 head style 标签中，要使用内联样式，你需要 在相关的标签内使用样式( style )属性。 Style 属性可以包含任何 CSS 属性。 本例展示如何改变段落的颜色和左外边距：
d. ul 与 li 的设置。
- 标签定义无序列表。 (ul 是 unordered lists 的缩写) ul 标签是成对出现的，以
- ;标签定义在html 中
- ； 开始，
是一对标记,表示有序
列表或者无序列表的项目。如果在
e. 针对 IE6 不支伪类(编写 JS 代码)
startList=function()
{
if(&&)
{
rootnav=("nav") arrayli=("li"); for(i=0;i<;i++)
{
currentli=arrayli[i]; =function()
{
+=+" current";
}
=function()
{
=" current",""); }}}}
g. 制作动态公告的标签及属性设置。
从插入菜单选 “标签”， 然后在对话框中选“ html 标签” “页元素”“ marquee 。然后
在打开右边标签检查器，里设定 marquee 标签的属性。文字移动属性的设置
方向
上移， down 从上向下移。
=startList;
f. 制作背景音乐、播放 Flash 、视频文件等关键代码。
才匕日& rr. 背景音乐：
之间加入src="sound/Yesterday Once " autostart= true loop="true"> 播放 Flash 、视频文件
type="application/
x-shockwave-flash"
width="300"
height="150px"