機械設計工程師面試
- 面試
- 關注:8.18K次
一網頁設計分析能力
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; }
ime {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;
}
{
width:980px;
margin:0 auto;
}
1, 4 {
height:100px;
line-height:36px;
border:1px solid #F00;
}
2, 3 {
width:300px;
height:500px;
padding:10px;
margin:10px;
border:1px solid #F00;
}
3 {
width:200px;
}
4 {
height:30px;
line-height:24px;
}
{
height: 45px;
display: block;
background: #000;
border-radius:10px;
box-shadow:5px 5px 5px rgba(0,0,0,.6);
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
ul li {
float: left;
overflow: hidden;
position: relative;
text-align: center;
line-height: 45px;
}
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;
}
ul li a:hover {
background: #FFF;
color: #000;
border-radius:10px;
}
HTML:
1.用table和div分別設計一個三行三列的.網頁(頭部,身體,底部;身體部分為三列)下面是用TABLE設計的一個三行三列的網頁佈局我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部我是頭部 | ||
---|---|---|
內容 | 內容 | 內容內容內容 |
內容 | 內容 | 內容內容內容 |
內容 | 內容 | 內容 |
我是底部我是底部我是底部我是底部我是底部我是底部我是底部 |
頭部
內容_左邊
內容_中間
內容_右邊
底部
—————————————————————我是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———————————————- 文章版權屬於文章作者所有,轉載請註明 https://xuewengu.com/flzc/mianshi/dvjl5r.html