- 相關推薦
機械設計工程師面試
一網頁設計分析能力
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設計的一個三行三列的網頁布局
內容內容內容內容內容內容內容內容內容內容內容內容內容—————————————————————我是TABLE結束的`分割線———————————————————————
下面是用DIV設計的三行三列的網頁布局
頭部
內容_左邊
內容_中間
內容_右邊
底部
—————————————————————我是DIV結束的分割線———————————————————————
2.我用過的HTML元素div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,thead,tbody,tfoot;
___________________________________________________
3.用li做一個橫向的導航菜單，不少于三個菜單 我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部 我是底部我是底部我是底部我是底部我是底部我是底部我是底部top
table
div
fixed
ui
—————————————我是導航菜單結束的`分割線—————————————
4.背景的哪個屬性來確定背景圖像是否固定?background-attachment:fixed;
_________________________________________
5.模仿下圖布局，做一個類似框架的軟件界面效果圖。>>點我查看效果圖———————————GAME OVER———————————————
[機械設計工程師面試]
【機械設計工程師面試】相關文章：
機械設計工程師英文簡歷10-22
工程師面試技巧09-05
it工程師面試技巧10-27
質量工程師面試經驗07-30
it工程師面試試題07-15
機械工程師面試經驗08-04
前端工程師面試題10-20
工程師面試自我介紹10-16
java工程師面試題06-14
硬件工程師面試試題06-22