网页设计

58同城实习生网页设计真题

时间:2024-06-12 07:52:35 网页设计 我要投稿
  • 相关推荐

58同城实习生网页设计真题

  一、耐心填一填!(每空4分,共24分)

58同城实习生网页设计真题

  1. 为div设置类a与b,应编写html代码_

  _

  _________。

  2. 设置css属性clear的值为_both___________时可清除左右两边浮动。

  3. ____li________标签必须直接嵌套于ul、ol中。

  4. css属性_____margin_______可为元素设置外补丁。

  5. 设置css属性float的值为___none_________时可取消元素的浮动。

  6. 文字居中的css代码是____text-align:center________。

  二、精心选一选!(每题4分,共16分)

  

  1. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( c )

  a. display:inline b. display:none c. display:blockd. display:inheric

  2. 选出你认为最合理的定义标题的方法( c)

  a. 文章标题

  b.

  文章标题

  c.

  文章标题

  d. 文章标题

  3. br标签在xhtml中语义为( a)

  a.换行 b.强调 c.段落 d.标题

  4. 不换行必须设置( ac )

  a.word-breakb.letter-spacingc.white-spaced.word-spacing

  5. 在使用table表现数据时,有时候表现出来的会比自己实际设置的宽度要宽,为此需要设置下面哪些属性值( ad)

  a. cellpadding=”0′ b. padding:0c. margin:0 d. cellspacing=”0′

  三、判断对或错!(每题4分,共24分)

  1. css属性font-style 用于设置字体的粗细。 ( ×)

  2. css属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。 (√ )

  3. 在不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关。(× )

  4. 在不涉及样式情况下,页面元素的优先显示与标签选用无关。 (√ )

  5. display:inline兼容所有的浏览器。 ( √)

  6. input属于窗体元素,层级显示比flash、其它元素都高。 (× )

  四、用心想一想,你一定是生活中的智者! (每题9分,共36分)

  1. 写出ul、ol、dl三种列表的html结构。

  答:

  2. 将以下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;

  font-family:"lucida grande",sans-serif;

  font-size:1em;

  font-weight:bold;

  font-variant:small-caps;

  line-height:140%;

  d)代码四:

  list-style-position:inside;

  list-style-type:square;

  list-style-image:url(image.gif);

  e)代码五:

  margin-left:20px;

  margin-right:20px;

  margin-bottom:5px;

  margin-top:20px;

  f)代码六:

  color:#336699;

  color:#ffcc00;

  答:

  代码一:border:1px #000 solid;

  代码二:background: #f00 url(background.gif) no-repeat fixed 0 0;

  代码三:font:italic bold small-caps 1em/140% "lucida grande",sans-serif;

  代码四:list-style: url(ima

  ge.gif) square inside;

  代码五:margin:20px 20px 5px 20px;

  代码六:color:#369;color:#fc0;

  3. 修改以下代码,使其结构更加合理以及符合w3c标准。(xhtml 1.0 strict)

  4. 简述border:none以及border:0的区别,并给出使用建议。

  答:border:none表示边框样式无,border:0表示边框宽度为0;当定义了border:none,即隐藏了边框的显示,实际就是边框宽度为0.

  当定义边框时,必须定义边框的显示样式.因为边框默认样式为不显示none,所以仅设置边框宽度,由于样式不存在,边框的宽度也自动被设置为0.

  五、勇气拼一拼,让你超越别人的加分题目来了! (不限于一种方法,共30分)

  使用重构的方式制作出一个如下图的水平、垂直都居中短边为50px,长边为150px的红色十字架。

  十字架

  要求:

  1.使用2个div完成

  2.使用3个div完成

  3.使用5个div完成

  解答:本人主要采用绝对定位的方法来实现,三种情况差不多类似。求更好的方法。

【58同城实习生网页设计真题】相关文章:

(真题)最新大学语文真题及答案06-15

2017自考《网页设计与制作》判断题专项练习10-27

职称英语真题《理工C》词汇选项真题09-23

雅思阅读真题06-17

网页设计的原则06-13

网页设计的布局08-13

网页设计技巧精选09-05

网页设计技巧06-02

网页设计中的字体设计07-26

英语四级真题试卷历年真题及答案10-12