机械设计工程师面试.docxVIP

机械设计工程师面试 　　一网页设计分析能力　　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:#; text-align:center; }　　.txtTime {background: #fff;padding-left:4px;cursor:pointer;　　background-image:url(../images/ico_);　　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: