工具/原料html頁面vs2008步驟：1、點(diǎn)擊【文件】【新建文件】【常規(guī)】【HTML頁面】【打開】2、如圖所示，新建了一個(gè)空白的html頁面，拆分視圖3、設(shè)置頁面body樣式信息【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】是防止用戶復(fù)制和保存圖片,只支持iphone、ipad、android4、設(shè)置頁面的寬度和高度【.page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199); top:352px; min-height:550px;_height:550px;width:640px; }】5、【關(guān)鍵點(diǎn)】新建一個(gè)div標(biāo)簽，樣式使用page-content6、在段落標(biāo)記<p>里面輸入文字信息，這里天使就不排版了，主要是教大家方法，然后保存網(wǎng)頁。7、將網(wǎng)頁上傳到服務(wù)器目錄下8、輸入網(wǎng)站域名，在電腦上訪問可以看見效果，只有左側(cè)部分9、使用手機(jī)訪問，得到如圖所示效果，就不會(huì)像直接書寫html代碼一樣文字很小

具體要求是什么。你學(xué)了多少內(nèi)容？如果只是圖上的頁面的樣子的話，我能做出來 我們學(xué)了div和表格，求代碼這個(gè)頁面可不是div和表格就能做出來的。我今天先大致做一下。 你的圖片我看不清，文字和圖片我就先隨便寫了 還有就是不要提前采納，不然我無法上傳做好的圖片了 老師說用div做的出來，表格也行 我現(xiàn)在電腦不在，不然我發(fā)給你 你們學(xué)CSS了嗎？ 學(xué)了 好，你先慢慢等吧，我和下午把做的進(jìn)度發(fā)給你看 好的，謝謝 這是我目前做出來的大致樣式。內(nèi)容和具體樣式例如顏色間距之類的內(nèi)沒有具體的清晰的圖不好做。圖片的素材這玩意也不好找，所以我暫時(shí)用了我電腦上的圖片。你看接下來該怎么辦？ 加個(gè)qq我把文件發(fā)給你 加了

在工具上，手機(jī)版網(wǎng)頁和電腦版網(wǎng)頁沒有什么區(qū)別，可以根據(jù)自己的喜好。我是喜歡用Dreamweaver的，而且Dreamweaver cs6有個(gè)多屏預(yù)覽的功能，可以很方便的預(yù)覽手機(jī)、平板、PC端的效果。不過Dreamweaver 挺大的，還有很多比較快比較好的編輯器，比如EditPlus，這還是看個(gè)人的習(xí)慣和喜好了。推薦一個(gè)編輯器sublime text，我自己覺得超好用。在代碼方面的話：首先得加上這樣的一行。設(shè)置寬度、高度、是否能夠縮放。<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no">然后，主要是要考慮適配。比較好的是做到自適應(yīng)。這個(gè)可以搜一下，我記得月光博客里面就有篇很詳細(xì)的。其次，可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }來對(duì)不同像素的屏幕寫不同的樣式?？梢钥聪轮醯牡卿涰撁?，用的就是@media。再然后要考慮的是用戶體驗(yàn)。簡(jiǎn)單的拿個(gè)鏈接來說，在PC端因?yàn)橛惺髽?biāo)，很容易點(diǎn)到。可是手機(jī)端就不一樣，就幾個(gè)字的鏈接很難點(diǎn)到，所以就要擴(kuò)大點(diǎn)的面積。這就是為什么會(huì)出現(xiàn)電腦版的網(wǎng)頁和手機(jī)版網(wǎng)頁。其實(shí)做手機(jī)版的網(wǎng)頁有個(gè)好處就是可以大量的使用HTML5和CSS3，這樣能做出很多效果。對(duì)于這些的話，看附件里面的學(xué)習(xí)方法有幫助的很抱歉，回答者上傳的附件已失效

在工具上，手機(jī)版網(wǎng)頁和電腦版網(wǎng)頁沒有什么區(qū)別，可以根據(jù)自己的喜好。我是喜歡用Dreamweaver的，而且Dreamweaver cs6有個(gè)多屏預(yù)覽的功能，可以很方便的預(yù)覽手機(jī)、平板、PC端的效果。不過Dreamweaver 挺大的，還有很多比較快比較好的編輯器，比如EditPlus，這還是看個(gè)人的習(xí)慣和喜好了。推薦一個(gè)編輯器sublime text，我自己覺得超好用。在代碼方面的話：首先得加上這樣的一行。設(shè)置寬度、高度、是否能夠縮放。<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no">然后，主要是要考慮適配。比較好的是做到自適應(yīng)。這個(gè)可以搜一下，我記得月光博客里面就有篇很詳細(xì)的。其次，可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }來對(duì)不同像素的屏幕寫不同的樣式?？梢钥聪轮醯牡卿涰撁?，用的就是@media。再然后要考慮的是用戶體驗(yàn)。簡(jiǎn)單的拿個(gè)鏈接來說，在PC端因?yàn)橛惺髽?biāo)，很容易點(diǎn)到?？墒鞘謾C(jī)端就不一樣，就幾個(gè)字的鏈接很難點(diǎn)到，所以就要擴(kuò)大點(diǎn)的面積。這就是為什么會(huì)出現(xiàn)電腦版的網(wǎng)頁和手機(jī)版網(wǎng)頁。其實(shí)做手機(jī)版的網(wǎng)頁有個(gè)好處就是可以大量的使用HTML5和CSS3，這樣能做出很多效果。對(duì)于這些的話，看附件里面的學(xué)習(xí)方法有幫助的很抱歉，回答者上傳的附件已失效

屬于內(nèi)嵌樣式。例如：123<div  style="background:#ccc,width:300px; height:200px">樣式</div>這個(gè)表示，圖層 高度:200px ,寬度：300px, 背景：#ccc;   

　　為了能讓網(wǎng)站設(shè)計(jì)正常的運(yùn)行于各種瀏覽器平臺(tái)，網(wǎng)站設(shè)計(jì)師們不得不想盡辦法處理好網(wǎng)站建設(shè)中的瀏覽器兼容問題。正是因?yàn)榫W(wǎng)站設(shè)計(jì)當(dāng)中的這一需要產(chǎn)生了一項(xiàng)新技術(shù)— CSS Hack。 CSS Hack 就是針對(duì)不同瀏覽器寫出不同的 CSS code 的過程，主要用來解決目前各類瀏覽器無法標(biāo)準(zhǔn)解析CSS樣式，導(dǎo)致同一網(wǎng)站設(shè)計(jì)頁面在不同瀏覽器下出現(xiàn)顯示效果不一致的兼容問題。 針對(duì)不同瀏覽器，可以將CSS Hack 網(wǎng)站設(shè)計(jì)代碼整理如下： 　　1、針對(duì)I E 系列瀏覽器的網(wǎng)站設(shè)計(jì)代碼 針對(duì) IE 6 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ _display: block; } 也就是在網(wǎng)站設(shè)計(jì)CSS屬性前加一個(gè)小劃線就好。 針對(duì) IE 7 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ *display: block; } 即在網(wǎng)站設(shè)計(jì)CSS屬性前加上一個(gè)星號(hào)即可 針對(duì) IE 8 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示，解決辦法為在網(wǎng)站設(shè)計(jì)CSS屬性后分號(hào)前加上空格與斜線并加入一個(gè)數(shù)字9即可 ?！　?、針對(duì)火狐的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 火狐可謂是最標(biāo)準(zhǔn)的瀏覽器之一了，網(wǎng)站設(shè)計(jì)技術(shù)只要稍稍不到位就能體現(xiàn)得淋漓盡致，所以不少網(wǎng)站設(shè)計(jì)師也很頭痛，其實(shí)想要解決火狐的兼容性除了要把網(wǎng)站設(shè)計(jì)的基礎(chǔ)知識(shí)扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix（）{ } 里面就行了 @-moz-document url-prefix() { #id{ display: block; } } ?！　?、針對(duì) Safari 的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 Safari是蘋果計(jì)算機(jī)的最新作業(yè)系統(tǒng)Mac OS X中新的瀏覽器，用來取代之前的Internet Explorer for Mac，使用了KDE的KHTML作為瀏覽器的運(yùn)算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近?！　?、針對(duì) Opera 的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 Opera即Opera Software ASA，是臺(tái)式機(jī)、各種設(shè)備和移動(dòng)網(wǎng)絡(luò)瀏覽器市場(chǎng)的商業(yè)領(lǐng)袖，因快速、小巧和比其他瀏覽器更佳的標(biāo)準(zhǔn)兼容性獲得了國(guó)際上的最終用戶和業(yè)界媒體的承認(rèn)，并在網(wǎng)上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 這個(gè)世界上必然不會(huì)存在絕對(duì)完美的事物，因此運(yùn)用以上方法讓我們的網(wǎng)站設(shè)計(jì)更好的與各種瀏覽器兼容的時(shí)候其實(shí)已經(jīng)違反了網(wǎng)站制作的W3C標(biāo)準(zhǔn)。

1.css是網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語言，就比如每個(gè)人都有一雙眼睛、兩只耳朵、兩個(gè)鼻孔、一個(gè)嘴巴，而長(zhǎng)的丑的人只是他的面部樣式不符合大眾的審美觀。2.網(wǎng)站制作中之所以要使用css，是為了讓頁面布局樣式等更加美觀從而吸引閱讀者。就好比一個(gè)五官精致的美女大家都愛看一樣！3. ①行內(nèi)樣式。例如：<p style="color:red;">樣式</p>(實(shí)際效果是p標(biāo)簽中的字體為紅色)②內(nèi)嵌樣式。列如<p class="test">樣式</p> <style>.test{color:red;}</style>(效果同上)③外聯(lián)樣式。列如把代碼 .test{color:red;} 保存在style.css文件中，然后在頁面中引入<link type="text/css" rel="stylesheet" href="style.css" />(效果同上)（望采納哦！~~）

1.css是網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語言，就比如每個(gè)人都有一雙眼睛、兩只耳朵、兩個(gè)鼻孔、一個(gè)嘴巴，而長(zhǎng)的丑的人只是他的面部樣式不符合大眾的審美觀。2.網(wǎng)站制作中之所以要使用css，是為了讓頁面布局樣式等更加美觀從而吸引閱讀者。就好比一個(gè)五官精致的美女大家都愛看一樣！3. ①行內(nèi)樣式。例如：<p style="color:red;">樣式</p>(實(shí)際效果是p標(biāo)簽中的字體為紅色)②內(nèi)嵌樣式。列如<p class="test">樣式</p> <style>.test{color:red;}</style>(效果同上)③外聯(lián)樣式。列如把代碼 .test{color:red;} 保存在style.css文件中，然后在頁面中引入<link type="text/css" rel="stylesheet" href="style.css" />(效果同上)（望采納哦！~~）

文本框的高度可以由里面字體的大小來決定的。比如你要設(shè)置文本框的高度16px，你就可以設(shè)置文本框內(nèi)的字體font-size為16px（實(shí)際上文本框會(huì)比字體大一些）。然后有些為了效果更好看點(diǎn)，你可以在文本框內(nèi)加上個(gè)內(nèi)邊距，如2px，這樣字就不會(huì)緊挨著文本框了，望采納！