网页设计面试题
一、 单选题：
1.Web安全所能够显示的颜种类为(  C    )
A.4种                    B.16种
C.216种                  D.256种
2.XML描述的是(   C  )
A.数据的格式              B.数据的规则
C.数据的本身              D.数据的显示方式
3.非彩所具有的属性为(   C  )
A.相                    B.饱和度
C.明度                    D.纯度
4.在HTML中，标记<font>的Size属性最大取值可以是(  C    )
A.5                      B.6
C.7                      D.8
5.在HTML中，标记<pre>的作用是(  B    )
A.标题标记                B.预排版标记
C.转行标记                D.文字效果标记
6.下面不属于CSS插入形式的是(  A    )
A.索引式                  B.内联式
C.嵌入式                  D.外部式
7.如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是(  C  )
A.HTTP                  B.HTTPS
C.SHTTP                  D.SSL
8、在以下的 HTML 中，哪个是正确引用外部样式表的方法？（5分）  B
A：<style src="mystyle.css">
B：<link rel="stylesheet" type="text/css" href="mystyle.css">
C：<stylesheet>mystyle.css</stylesheet>
9. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C  )
html网页设计大作业A. display:inline      B. display:none   
C. display:block       D. display:inheric
10、下列哪些是格式良好的 XHTML？（5分）    B
A：<p>A <b><i>short</b></i> paragraph</p>
B：<p>A <b><i>short</i></b> paragraph</p>
C：<p>A <b><i>short</i></b> paragraph
二、 多选题：
1.WWW的组成主要包括(   ACD  )
A.URL                    B.Gopher
C.HTML                    D.HTTP
E.Telnet
2.下列关于IP地址与域名的说法正确的是(  ABCD    )
A.IP地址以数字表示，域名用字符表示
B.IP地址是供全球识别的通信地址
C.IP地址与域名是一一对应的
D.域名可以多于三个层次
E.IP地址与域名都限制在32位内
3.网页制作工具按其制作方式分，可以分为(   BE  )
A.通用型网而制作工具      B.标记型网页制作工具
C.专业型网页制作工具      D.编程型网页制作工具
E.“所见即所得”型网页制作工具
4.下面说法正确的是(   AE  )
A. Java是一种编译语言     
B. JaveScript是面向对象的程序设计语言
C. javascript是由SUN公司开发的
D. javascript的源代码非常安全
E. Java采用强定义类型变量检查
5.下面关于CSS的说法正确的有(   ABC  )
A. CSS可以控制网页背景图片
B. margin属性的属性值可以是百分比
C. 整个BODY可以作为一个BOX
D. 对于中文可以使用word-spacing属性对字间距进行调整
E. margin属性不能同时设置四个边的边距 webjx
三、 填空题：
1、改变元素的外边距用___margin_____，改变元素的内填充用____padding___
2、对ul li的样式设成无，应该是用什么属性__list-style:none______。
3、在新窗口打开链接的方法是____target='_blank'____。
4、Color:#666666;可缩写为____color:#666_。
5、合理的页面布局中常听过结构与表现分离，那么结构是_html__，表现是_css_。
四、简答题
1.简述Java与javascript的主要区别。
【答】主要的区别在于以下几方面：
(1)Java是面向对象的，而javascript是基于对象的；
(2)javascript是解释执行的，而Java是编译执行；
(3)Java采用强变量，javascript采用弱变量；
(4)两者的代码格式不同；
(5)两者嵌入的方式不一样；
(6)Java采用静态联编，javascript采用动态联编。 
2、请写出超链接的顺序或者你在初始样式中的链接方法。（要求默认无下线，鼠标经过有下划线）（10分）
a{text-decoration:none}
a:hover{text-decoration:underline}
3. 母版页的作用是什么?
  【解答】
  母版页(Master Page)的扩展名为“.master”，它相当于网页的模板。在其他网页中，只要引用了母版页，母版页的页面就可以自动显示出来，设计者可以修改引用的母版页中预留的部分，其它部分保持不变，这样就可以使多个页面的风格保持一致，给网页设计带来了很大的方便。
4. 样式定义如下，试说明显示结果，并做相应解释。
  样式表文件StyleExercise.css：
  body
  {
  background-color:#ccccff;
  }
  p
  {
  color:Blue;
  font-size:30px;
  }
  h1
  {
  color:Yellow;
  font-size:medium;
  }
  p a
  {
  color :Orange;
  font-size:40px;
  }
  HTML文件：
<head>
    <title>样式作业练习</title>
    <link type="text/css" rel=Stylesheet href=StyleExercise.css />
    <style>
       h1{color:red;}
       .first{background-color:black;}
    </style>
</head>
<body>
    <h1 >标题1</h1>
    <h1 class=first>标题2</h1>
    <p >文本</p>
    <p>这是一个<a href="www.baidu">链接</a>演示。</p>
    <a href="www.baidu">另一个链接</a>
</body>
 
  1) 第一次使用的P、H1~H6标记均以红的“40px”大小的字体显示;
  2) 超链接未选中时，以蓝字体显示;当鼠标移动到上方时，以原字体大小的1.5倍的橙字体显示;当超链接被点击之后，以暗红字体显示;
  3) 所有P标记的内容都以列表的形式显示;
  4) 所插入图片的左右两侧都允许有文字出现;
  5) 使用背景图片，并使其在整个页面的两个方向平铺。
  【解答】
  该HTML页面与样式表文件建立了链接，显示时以“#ccccff”为背景;
  “标题1”：三种样式定义方式都使用了，最终按照就近原则，以内联式样式定义的颜“brown”、外部链接的样式表文件定义的字体大小“medium”显示;
  “标题2”：使用了外部链接和直接嵌入的样式定义，以直接嵌入式定义的颜“red”、类.first定义的背景“black”、 外部链接的样式定义的字体大小“medium”显示;
  “文本”：使用了外部链接和内联式的样式定义，以内联式定义的字体大小“20px”、外部链接的样式定义的颜“blue”显示;
  “这是一个……演示”：使用了外部链接的样式定义，以颜“blue”、 字体大小“30px”显示;其中“链接”二字，使用了包含选择符的样式定义，以样式表定义的颜“orange”、字体大小“40px”显示;
  “另一个链接”：没有样式定义，按默认方式显示。
  1) 第一次使用的P、H1~H6标记均以红的“40px”大小的字体显示;
  2) 超链接未选中时，以蓝字体显示;当鼠标移动到上方时，以原字体大小的1.5倍的橙字体显示;当超链接被点击之后，以暗红字体显示;
  3) 所有P标记的内容都以列表的形式显示;
  4) 所插入图片的左右两侧都允许有文字出现;
  5) 使用背景图片，并使其在整个页面的两个方向平铺。
5、写出ul、ol、dl三种列表的html结构。
答：
    <ul>
          <li> </li>
    </ul>
    <ol>
          <li> </li>
    </ol>
    <dl>
         <dt> </dt>
         <dd> </dd>
    </dl>
6、 将以下CSS代码进行缩写，注意要符合缩写的规范。
a) 代码一：
border-width:1px;
border-color:#000;
border-style:solid;

b) 代码二：
background-position:0 0;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#f00;
background-image:url(background.gif);

c)代码三：
font-style:italic;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。