- 相關(guān)推薦
機(jī)械設(shè)計(jì)工程師面試
一網(wǎng)頁設(shè)計(jì)分析能力
1. 購物網(wǎng)站、體育網(wǎng)站、軟件網(wǎng)站、年輕的互聯(lián)網(wǎng)、搜索引擎的主色調(diào)應(yīng)該是什么樣色?
2.一個(gè)網(wǎng)站最多有幾種色彩
3.百度和google，你看哪個(gè)覺得更舒服一點(diǎn)?
4.一般網(wǎng)站的版式有哪幾種?
5.簡述CSS樣式表的優(yōu)點(diǎn)。
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; }
二 上機(jī)題
1. 用table和div分別設(shè)計(jì)一個(gè)三行三列的網(wǎng)頁(頭部,身體,底部;身體部分為三列)
2. 列出你所用過的Html元素
3. 用li做一個(gè)橫向的導(dǎo)航菜單，不少于三個(gè)菜單
4. 背景的哪個(gè)屬性來確定背景圖像是否固定?
5. 模仿下圖布局，做一個(gè)類似框架的軟件界面效果圖。
上機(jī)題答案：
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分別設(shè)計(jì)一個(gè)三行三列的網(wǎng)頁(頭部,身體,底部;身體部分為三列)下面是用TABLE設(shè)計(jì)的一個(gè)三行三列的網(wǎng)頁布局
內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容—————————————————————我是TABLE結(jié)束的`分割線———————————————————————
下面是用DIV設(shè)計(jì)的三行三列的網(wǎng)頁布局
頭部
內(nèi)容_左邊
內(nèi)容_中間
內(nèi)容_右邊
底部
—————————————————————我是DIV結(jié)束的分割線———————————————————————
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做一個(gè)橫向的導(dǎo)航菜單，不少于三個(gè)菜單 我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部 我是底部我是底部我是底部我是底部我是底部我是底部我是底部top
table
div
fixed
ui
—————————————我是導(dǎo)航菜單結(jié)束的`分割線—————————————
4.背景的哪個(gè)屬性來確定背景圖像是否固定?background-attachment:fixed;
_________________________________________
5.模仿下圖布局，做一個(gè)類似框架的軟件界面效果圖。>>點(diǎn)我查看效果圖———————————GAME OVER———————————————
[機(jī)械設(shè)計(jì)工程師面試]
【機(jī)械設(shè)計(jì)工程師面試】相關(guān)文章：
工程師面試技巧09-05
it工程師面試技巧10-27
質(zhì)量工程師面試經(jīng)驗(yàn)07-30
it工程師面試試題07-15
前端工程師面試題10-20
工程師面試自我介紹10-16
java工程師面試題06-14
硬件工程師面試試題06-22