品才网>面试>机械设计工程师面试

机械设计工程师面试

时间：2020-10-28 09:22:43 面试我要投稿

机械设计工程师面试

一网页设计分析能力

机械设计工程师面试

1. 购物网站、体育网站、软件网站、年轻的互联网、搜索引擎的主色调应该是什么样色?

2.一个网站最多有几种色彩

3.百度和google，你看哪个觉得更舒服一点?

4.一般网站的版式有哪几种?

5.简述CSS样式表的优点。

6.说出下面样式表布局的意思。

ul { padding:0px; margin:15px 5px 15px 5px; text-align:center}

a:hover{ color:#666;height:30px; line-height:30px; border:1px #ccc solid;}

. title { font-size:14px; font-weight:bold; color:#000000; text-align:center; }

.txtTime {background: #fff;padding-left:4px;cursor:pointer;

background-image:url(../images/ico_date.gif);

background-repeat:no-repeat;

background-position:right; }

二上机题

1. 用table和div分别设计一个三行三列的网页(头部,身体,底部;身体部分为三列)

2. 列出你所用过的Html元素

3. 用li做一个横向的导航菜单，不少于三个菜单

4. 背景的哪个属性来确定背景图像是否固定?

5. 模仿下图布局，做一个类似框架的软件界面效果图。

上机题答案：

CSS：

html {

color:#000;

background:#ccc;

-webkit-text-size-adjust: 100%;

-ms-text-size-adjust: 100%;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

margin:0;

padding:0;

}

h1, h2, h3 {

font-size:18px;

font-weight:bold;

color:#F60;

height:30px;

line-height:24px;

}

h2 {

color:#F93;

font-size:16px;

}

h3 {

color:#09F;

text-align:center;

}

.wrap {

width:980px;

margin:0 auto;

}

.col1, .col4 {

height:100px;

line-height:36px;

border:1px solid #F00;

}

.col2, .col3 {

width:300px;

height:500px;

padding:10px;

margin:10px;

border:1px solid #F00;

}

.col3 {

width:200px;

}

.col4 {

height:30px;

line-height:24px;

}

.menu {

height: 45px;

display: block;

background: #000;

border-radius:10px;

box-shadow:5px 5px 5px rgba(0,0,0,.6);

}

.menu ul {

list-style: none;

padding: 0;

margin: 0;

}

.menu ul li {

float: left;

overflow: hidden;

position: relative;

text-align: center;

line-height: 45px;

}

.menu ul li a {

position: relative;

display: block;

width: 110px;

height: 45px;

font-family: Arial;

font-size: 11px;

font-weight: bold;

color: #FFF;

letter-spacing: 1px;

text-transform: uppercase;

text-decoration: none;

cursor: pointer;

}

.menu ul li a:hover {

background: #FFF;

color: #000;

border-radius:10px;

}

HTML：

1.用table和div分别设计一个三行三列的网页(头部,身体,底部;身体部分为三列)

下面是用TABLE设计的一个三行三列的`网页布局

我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部我是头部
内容	内容	内容内容内容
内容	内容	内容内容内容
内容	内容	内容
我是底部我是底部我是底部我是底部我是底部我是底部我是底部