樣式表就是<style>.img1{width:100px;height:50px;}</style><img src="圖片路徑" class="img1">行內(nèi)樣式是<img src="圖片路徑" style="width:100px;height:50px;">

網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。 　　一、確定網(wǎng)站的整體風(fēng)格 　　在這里，我提供給大家一些參考經(jīng)驗(yàn)： 　　1．將你的標(biāo)志logo，盡可能的放在每個頁面上最突出的位置。 　　2．突出你的標(biāo)準(zhǔn)色彩。 　　3．總結(jié)一句能反映貴站精髓的宣傳標(biāo)語！ 　　4．相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！ 　　二、網(wǎng)頁色彩的搭配 　　1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。 　　2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。 　　3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。 　　在網(wǎng)頁配色中，還要切記一些誤區(qū)： 　　1．不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。 　　2．背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

12345678910WAP的全稱是“無線應(yīng)用協(xié)議（Wireless Application Protocol）”，是一種向移動終端提供互聯(lián)網(wǎng)內(nèi)容和先進(jìn)增值服務(wù)的全球統(tǒng)一的開放式協(xié)議標(biāo)準(zhǔn)， 是簡化了的無線Internet 協(xié)議。手機(jī)網(wǎng)站按照這種標(biāo)準(zhǔn)提供服務(wù)，支持這種標(biāo)準(zhǔn)的手機(jī)就可以訪問這些網(wǎng)站亨受這些服務(wù)。 WEB是網(wǎng)的意思，這里應(yīng)是指World Wide Web，WWW，萬維網(wǎng)。萬維網(wǎng)常被當(dāng)成因特網(wǎng)的同義詞，不過其實(shí)萬維網(wǎng)是靠著因特網(wǎng)運(yùn)行的一項(xiàng)服務(wù)。 WAP和WEB并稱的時候，前者是指基于WAP協(xié)議的手機(jī)網(wǎng)站，后者是指基于HTTP協(xié)議的電腦網(wǎng)站，支持WAP的手機(jī)可以直接訪問WAP站點(diǎn)，手機(jī)訪問WEB站點(diǎn)則需要經(jīng)過網(wǎng)關(guān)轉(zhuǎn)換；同樣，電腦可以直接訪問WEB站點(diǎn)，電腦訪問WAP站點(diǎn)也需要經(jīng)過網(wǎng)站轉(zhuǎn)換。 我告訴你，WAP網(wǎng)站確實(shí)沒什么用處，當(dāng)時出現(xiàn)只是為了節(jié)省流量，適合低端手機(jī)的運(yùn)算能力，現(xiàn)在所有手機(jī)基本上都可以訪問WWW的WEB網(wǎng)站了，以后WAP將被徹底淘汰掉； 如果你是想做出的網(wǎng)站同時在手機(jī)和網(wǎng)頁端飯?jiān)L問，建議你用HTML5去開發(fā)，因?yàn)镠TML5支持手機(jī)和網(wǎng)頁端，而且還是自適應(yīng)屏幕的大??；

怎樣制作個人網(wǎng)頁 如果你已經(jīng)上網(wǎng)，為何不嘗試一下在網(wǎng)上做一個完全屬于自己的主頁？有了自己的主頁，全世界的人都可以隨時找到你，你也可以向全世界宣傳下自己，是非常有意義和有意思的?，F(xiàn)在簡單介紹一下制作主頁的過程和方法： 一、準(zhǔn)備材料 你首先做一個小計(jì)劃,準(zhǔn)備在主頁上告訴人家什么？比如介紹三個方面：自我介紹,我的愛好,我的工作,那你就先起一個總目錄（文件夾,比如d:\html）,來放你的所有文件，然后再在這個目錄建立三個子目錄：myself,interest，job。文件名你可以任意，但最好全部小寫，因?yàn)橛械闹鳈C(jī)要認(rèn)大小寫。然后將你的材料copy進(jìn)相應(yīng)的子目錄。比如你要在你的主頁里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的目錄下. 要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但你可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如Office 97的照片編輯器。把你準(zhǔn)備在你主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后,你就可以開始制作了。 二、開始制作 你無須去記復(fù)雜的HTML語言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁，你先寫上“大家好，我是superboy，下面是我的照片：”這時要放圖片了，只須點(diǎn)擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然后把這個文件保存為myself.html文件，放在myself的目錄下。好，現(xiàn)在必須做封面了，你在封面寫：“歡迎來到superboy的主頁”以下是“自我介紹，我的愛好，我的工作”。你的自我介紹要鏈接到下一頁去，你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵 ，再選create link，然后再選你myself目錄下的myself.html，就將“自我介紹”鏈接到下一頁了，以后在瀏覽器中一按，就可以跳到鑲有你靚照的頁面啦。 在你的封面做好了所有鏈接和圖片后，記住你必須將這一頁保存為index.htm(有的主機(jī)要求必須為index.html),因?yàn)榫W(wǎng)頁默認(rèn)的主頁名稱是index.制作主頁其實(shí)很簡單，只要多實(shí)際制作，工多藝熟。還可以拿來主義，在網(wǎng)上看到什么好的主頁，用另存為功能保存為.html格式的文件，細(xì)細(xì)研究人家是如何做的。還可以借用網(wǎng)頁模版來搞，我的就是~~~~~~ 三、將你制作好的安放在網(wǎng)上 要在網(wǎng)上安你自己的家，你必須先申請一個主頁空間，即向某一個主機(jī)申請一快硬盤空間。現(xiàn)在有較多的主機(jī)提供免費(fèi)主頁空間，具體見實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個人主頁空間，并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請即可，具體方法，參考相關(guān)題目。申請完成以后用FTP將你所有的主頁文件上傳至主機(jī)指定的目錄就可以了！ 需要注意的是，一定要保持網(wǎng)頁的相對位置，否則會看不到網(wǎng)頁的，有很多朋友都問我:為什么我的網(wǎng)頁傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁錯誤呢？其實(shí)他們都是因?yàn)槲恢玫膯栴}，只要把位置改動一下就可以的了

在1024*768或者800*600的分辨率下可以自動調(diào)整成適用于該客戶端分辨率的大小。　　第一種方法：做一個網(wǎng)頁解決問題（長了點(diǎn)）　　如果只是因?yàn)闉g覽者改變了瀏覽器的設(shè)置，或者因?yàn)闉g覽器不兼容，使自己精心制作的網(wǎng)頁變得"面目全非"，那多令人沮喪！下面我們以網(wǎng)頁愛好者的常用工具Dreamweaver（以下簡稱DW）為例，列出幾個網(wǎng)頁制作初學(xué)者較常見的網(wǎng)頁布局問題以及解決方法，希望對初學(xué)者們有所幫助?！　∫弧⑾我饪s放瀏覽器窗口對網(wǎng)頁的影響　　一番辛苦做出來的網(wǎng)頁，在全屏狀態(tài)下瀏覽一切正常。但在改變?yōu)g覽窗口大小之后，網(wǎng)頁就變得"不堪入目"了，這是個很值得注意的問題?！　栴}的根源還得從網(wǎng)頁的布局說起，在DW中，網(wǎng)頁內(nèi)容的定位一般是通過表格來實(shí)現(xiàn)的，解決表格的問題也就成功了大半?！　〈蠹覒?yīng)該注意到，在DW中表格屬性面板的高寬設(shè)定選擇上提供了兩種不同類型：百分比和像素值。百分比的使用將會產(chǎn)生前面說到的那個毛病。這里所說的百分比是指表格的高或?qū)捲O(shè)置為上層標(biāo)記所占區(qū)域高或?qū)挼陌俜直?，如在一個表格單元的寬度是600，在它里面嵌入了另外一個表格，表格寬度占表格單元的50%，則這個表格的寬度為300，依此類推，如果在一個表格不是嵌于另一個表格單元中，則其百分比是相對于當(dāng)時窗口的寬度的。IE瀏覽器中，隨便改動主頁窗口的大小時，表格的內(nèi)容也隨之錯位、變形，就是因?yàn)楸砀竦陌俜直纫惨S著窗口的大小而改變成相應(yīng)的百分比寬度?！　∽匀?，解決這個問題的辦法就是將表格寬度設(shè)置成固定寬度（也就是像素值）。另外如果外層表格已做好固定寬度設(shè)置，內(nèi)層表格也可以適當(dāng)使用百分比設(shè)置。清楚這個原則以后，如果出現(xiàn)類似的問題大家也知道怎么解決?！　《⒆尵W(wǎng)頁居中　　說到了窗口大小就會順著路子想到分辨率的問題，在800×600分辨率下制作的網(wǎng)頁在1024×768分辨率的機(jī)器上打開，整個網(wǎng)頁就會跑到左邊；1024×768分辨率的網(wǎng)頁在800×600分辨率的機(jī)器上有時也會變得"不堪入目"。兩種分辨率各做一個吧？做起來費(fèi)時，看起來也費(fèi)勁。怎么辦呢？　　現(xiàn)在大多數(shù)網(wǎng)民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主，要想讓網(wǎng)頁在1024*768時居中，只要在網(wǎng)頁原代碼的<body>后緊加一句<center>，</body>前加一句</center>就OK了。不過有幾個問題這是要注意一下，第一個就是上面說到的百分比的問題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設(shè)的是百分比，那么使用大于800×600的像素時，網(wǎng)頁就會拉寬，這樣網(wǎng)頁可能會變形。在<body>中加入leftmargin=0，即<body leftmargin=0>這種情況下，800×600支持的表格寬度為780像素時不會出現(xiàn)滾動條。還有一點(diǎn)要注意的是不能用DW中的層來定位?！　?lt;html> 　　<head></head> 　　<body topmargin=0 leftmargin=0> 　　<center> 　　　　<table cellspacing cellpadding width=760><tr><td></td></tr></table> 　　</center> 　　</body> 　　</html> 　三、定義固定大小的文字　　大家都知道,在IE瀏覽器的功能設(shè)置中，有一個可以自由設(shè)置窗口內(nèi)容字體大小的功能，這樣由于不同訪問者的設(shè)置習(xí)慣不同，呈現(xiàn)在他們面前的網(wǎng)頁有時也會不不相同。比如你可能本來設(shè)計(jì)時用的是2號字體，結(jié)果由于用戶對瀏覽器的額外設(shè)定，變的更大了，這時你的網(wǎng)頁也可能變得"不堪入目"。雖然不是你的錯，但客戶是上帝?！　∪绻褂昧司W(wǎng)頁中的CSS樣式表技術(shù)，就不會出現(xiàn)上述情況了。使用快捷鍵"Shift+F11"打開樣式表"CSS style"編輯器，在窗口中單擊鼠標(biāo)右鍵執(zhí)行"New CSS style..."命令新建一個樣式表，然后在給出的列表中選擇"類型"選項(xiàng)，定義文字屬性參數(shù)（一般文字的大小選擇12px較為適宜）。完成后選擇網(wǎng)頁編輯窗中的文本，單擊新的樣式表名稱，可以看到選中的文本發(fā)生了變化。預(yù)覽時試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變?！　∷?、讓網(wǎng)頁適應(yīng)不同的瀏覽器　　瀏覽器的格局現(xiàn)在是兩分天下，一分是IE，另一分是NetScape，在國內(nèi)Ie有絕對的占有率，在這種情況下我們設(shè)計(jì)的網(wǎng)頁只要兼容它就行了，但NetScape在國外還是有很多人使用，畢竟它是瀏覽器的元老。　　雖然沒有辦法做出讓所有瀏覽器都兼容的網(wǎng)站，但只要注意以下幾點(diǎn)，做出來的網(wǎng)頁在各個瀏覽器都中能達(dá)到比較好的顯示效果：　　不要混合使用層和表格排版，如果是父子關(guān)系，如層中表格，不在此原則范圍內(nèi)?！　?nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會出現(xiàn)問題，使用鏈?zhǔn)交騼?nèi)嵌式。　　有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果。　　對于只有幾個像素寬度或高度的層，改用圖片來實(shí)現(xiàn)?！　”苊馐褂?W3C 組織不推薦的排版屬性，用 CSS 代替。　　第二種方法：做兩個適合不同分辨率的頁面，一個是800×600，一個是1024×768，在800×600的頁面中加入一下代碼就可以實(shí)現(xiàn)跳轉(zhuǎn)了：　　　解決分辨率問題在Dreamweaver中沒有此項(xiàng)功能，我們只能手動加入一段Javascript代碼。首先在change－ie.html或change－nc.html頁面代碼中的< head>和< /head>中加入以下代碼：　　 < script language=JavaScript> 　　 < !－－ 　　 function redirectPage(){ 　　 var url800x600=〃index－ie.html〃; //定義兩個頁面，此處假設(shè)index－ex.html和1024－ie.html同change－ie.html在同一個目錄下 　　 var url1024x768=〃1024－ie.html〃; 　　 if ((screen.width==800) ＆＆ (screen.height==600))　//在此處添加screen.width、screen.height的值可以檢測的分辨率 　　 window.location.href= url800x600; 　　 else if ((screen.width==1024) ＆＆ (screen.height==768)) 　　 window.location.href=url1024x768; 　　 else window.location.href=url800x600; 　　 } 　　 // －－> 　　 < /script>　　 然后再在< body…>內(nèi)加入onLoad=〃redirectPage()〃

在1024*768或者800*600的分辨率下可以自動調(diào)整成適用于該客戶端分辨率的大小?！　〉谝环N方法：做一個網(wǎng)頁解決問題（長了點(diǎn)）　　如果只是因?yàn)闉g覽者改變了瀏覽器的設(shè)置，或者因?yàn)闉g覽器不兼容，使自己精心制作的網(wǎng)頁變得"面目全非"，那多令人沮喪！下面我們以網(wǎng)頁愛好者的常用工具Dreamweaver（以下簡稱DW）為例，列出幾個網(wǎng)頁制作初學(xué)者較常見的網(wǎng)頁布局問題以及解決方法，希望對初學(xué)者們有所幫助?！　∫?、消除任意縮放瀏覽器窗口對網(wǎng)頁的影響　　一番辛苦做出來的網(wǎng)頁，在全屏狀態(tài)下瀏覽一切正常。但在改變?yōu)g覽窗口大小之后，網(wǎng)頁就變得"不堪入目"了，這是個很值得注意的問題?！　栴}的根源還得從網(wǎng)頁的布局說起，在DW中，網(wǎng)頁內(nèi)容的定位一般是通過表格來實(shí)現(xiàn)的，解決表格的問題也就成功了大半?！　〈蠹覒?yīng)該注意到，在DW中表格屬性面板的高寬設(shè)定選擇上提供了兩種不同類型：百分比和像素值。百分比的使用將會產(chǎn)生前面說到的那個毛病。這里所說的百分比是指表格的高或?qū)捲O(shè)置為上層標(biāo)記所占區(qū)域高或?qū)挼陌俜直龋缭谝粋€表格單元的寬度是600，在它里面嵌入了另外一個表格，表格寬度占表格單元的50%，則這個表格的寬度為300，依此類推，如果在一個表格不是嵌于另一個表格單元中，則其百分比是相對于當(dāng)時窗口的寬度的。IE瀏覽器中，隨便改動主頁窗口的大小時，表格的內(nèi)容也隨之錯位、變形，就是因?yàn)楸砀竦陌俜直纫惨S著窗口的大小而改變成相應(yīng)的百分比寬度?！　∽匀唬鉀Q這個問題的辦法就是將表格寬度設(shè)置成固定寬度（也就是像素值）。另外如果外層表格已做好固定寬度設(shè)置，內(nèi)層表格也可以適當(dāng)使用百分比設(shè)置。清楚這個原則以后，如果出現(xiàn)類似的問題大家也知道怎么解決?！　《?、讓網(wǎng)頁居中　　說到了窗口大小就會順著路子想到分辨率的問題，在800×600分辨率下制作的網(wǎng)頁在1024×768分辨率的機(jī)器上打開，整個網(wǎng)頁就會跑到左邊；1024×768分辨率的網(wǎng)頁在800×600分辨率的機(jī)器上有時也會變得"不堪入目"。兩種分辨率各做一個吧？做起來費(fèi)時，看起來也費(fèi)勁。怎么辦呢？　　現(xiàn)在大多數(shù)網(wǎng)民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主，要想讓網(wǎng)頁在1024*768時居中，只要在網(wǎng)頁原代碼的<body>后緊加一句<center>，</body>前加一句</center>就OK了。不過有幾個問題這是要注意一下，第一個就是上面說到的百分比的問題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設(shè)的是百分比，那么使用大于800×600的像素時，網(wǎng)頁就會拉寬，這樣網(wǎng)頁可能會變形。在<body>中加入leftmargin=0，即<body leftmargin=0>這種情況下，800×600支持的表格寬度為780像素時不會出現(xiàn)滾動條。還有一點(diǎn)要注意的是不能用DW中的層來定位?！　?lt;html> 　　<head></head> 　　<body topmargin=0 leftmargin=0> 　　<center> 　　　　<table cellspacing cellpadding width=760><tr><td></td></tr></table> 　　</center> 　　</body> 　　</html> 　三、定義固定大小的文字　　大家都知道,在IE瀏覽器的功能設(shè)置中，有一個可以自由設(shè)置窗口內(nèi)容字體大小的功能，這樣由于不同訪問者的設(shè)置習(xí)慣不同，呈現(xiàn)在他們面前的網(wǎng)頁有時也會不不相同。比如你可能本來設(shè)計(jì)時用的是2號字體，結(jié)果由于用戶對瀏覽器的額外設(shè)定，變的更大了，這時你的網(wǎng)頁也可能變得"不堪入目"。雖然不是你的錯，但客戶是上帝?！　∪绻褂昧司W(wǎng)頁中的CSS樣式表技術(shù)，就不會出現(xiàn)上述情況了。使用快捷鍵"Shift+F11"打開樣式表"CSS style"編輯器，在窗口中單擊鼠標(biāo)右鍵執(zhí)行"New CSS style..."命令新建一個樣式表，然后在給出的列表中選擇"類型"選項(xiàng)，定義文字屬性參數(shù)（一般文字的大小選擇12px較為適宜）。完成后選擇網(wǎng)頁編輯窗中的文本，單擊新的樣式表名稱，可以看到選中的文本發(fā)生了變化。預(yù)覽時試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變?！　∷摹⒆尵W(wǎng)頁適應(yīng)不同的瀏覽器　　瀏覽器的格局現(xiàn)在是兩分天下，一分是IE，另一分是NetScape，在國內(nèi)Ie有絕對的占有率，在這種情況下我們設(shè)計(jì)的網(wǎng)頁只要兼容它就行了，但NetScape在國外還是有很多人使用，畢竟它是瀏覽器的元老。　　雖然沒有辦法做出讓所有瀏覽器都兼容的網(wǎng)站，但只要注意以下幾點(diǎn)，做出來的網(wǎng)頁在各個瀏覽器都中能達(dá)到比較好的顯示效果：　　不要混合使用層和表格排版，如果是父子關(guān)系，如層中表格，不在此原則范圍內(nèi)?！　?nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會出現(xiàn)問題，使用鏈?zhǔn)交騼?nèi)嵌式。　　有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果。　　對于只有幾個像素寬度或高度的層，改用圖片來實(shí)現(xiàn)?！　”苊馐褂?W3C 組織不推薦的排版屬性，用 CSS 代替。　　第二種方法：做兩個適合不同分辨率的頁面，一個是800×600，一個是1024×768，在800×600的頁面中加入一下代碼就可以實(shí)現(xiàn)跳轉(zhuǎn)了：　　　解決分辨率問題在Dreamweaver中沒有此項(xiàng)功能，我們只能手動加入一段Javascript代碼。首先在change－ie.html或change－nc.html頁面代碼中的< head>和< /head>中加入以下代碼：　　 < script language=JavaScript> 　　 < !－－ 　　 function redirectPage(){ 　　 var url800x600=〃index－ie.html〃; //定義兩個頁面，此處假設(shè)index－ex.html和1024－ie.html同change－ie.html在同一個目錄下 　　 var url1024x768=〃1024－ie.html〃; 　　 if ((screen.width==800) ＆＆ (screen.height==600))　//在此處添加screen.width、screen.height的值可以檢測的分辨率 　　 window.location.href= url800x600; 　　 else if ((screen.width==1024) ＆＆ (screen.height==768)) 　　 window.location.href=url1024x768; 　　 else window.location.href=url800x600; 　　 } 　　 // －－> 　　 < /script>　　 然后再在< body…>內(nèi)加入onLoad=〃redirectPage()〃

網(wǎng)頁設(shè)計(jì)這個一般都是要求會前端代碼，html css js flash 還有些其他的腳本插件什么的。如果代碼寫的熟練可以不用DW。寫網(wǎng)頁的工具很多，用txt文本文檔也可以。好了，貼上搜索框代碼，使用需要后臺程序支持，直接點(diǎn)了可是什么都沒有哦。123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>搜索框</title><style type="text/css" media="screen">      body {        background-color: #f1f1f1;        margin: 0;      }      body,      input,      button {        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;      }      .container { margin: 30px auto 40px auto; width: 800px; text-align: center; }       a { color: #4183c4; text-decoration: none; font-weight: bold; }      a:hover { text-decoration: underline; }       h3 { color: #666; }      ul { list-style: none; padding: 25px 0; }      li {        display: inline;        margin: 10px 50px 10px 0px;      }      input[type=text],      input[type=password] {        font-size: 13px;        min-height: 32px;        margin: 0;        padding: 7px 8px;        outline: none;        color: #333;        background-color: #fff;        background-repeat: no-repeat;        background-position: right center;        border: 1px solid #ccc;        border-radius: 3px;        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);        -moz-box-sizing: border-box;        box-sizing: border-box;        transition: all 0.15s ease-in;        -webkit-transition: all 0.15s ease-in 0;        vertical-align: middle;      }      .button {        position: relative;        display: inline-block;        margin: 0;        padding: 8px 15px;        font-size: 13px;        font-weight: bold;        color: #333;        text-shadow: 0 1px 0 rgba(255,255,255,0.9);        white-space: nowrap;        background-color: #eaeaea;        background-image: -moz-linear-gradient(#fafafa, #eaeaea);        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);        background-image: linear-gradient(#fafafa, #eaeaea);        background-repeat: repeat-x;        border-radius: 3px;        border: 1px solid #ddd;        border-bottom-color: #c5c5c5;        box-shadow: 0 1px 3px rgba(0,0,0,.05);        vertical-align: middle;        cursor: pointer;        -moz-box-sizing: border-box;        box-sizing: border-box;        -webkit-touch-callout: none;        -webkit-user-select: none;        -khtml-user-select: none;        -moz-user-select: none;        -ms-user-select: none;        user-select: none;        -webkit-appearance: none;      }      .button:hover,      .button:active {        background-position: 0 -15px;        border-color: #ccc #ccc #b5b5b5;      }      .button:active {        background-color: #dadada;        border-color: #b5b5b5;        background-image: none;        box-shadow: inset 0 3px 5px rgba(0,0,0,.15);      }      .button:focus,      input[type=text]:focus,      input[type=password]:focus {        outline: none;        border-color: #51a7e8;        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);      }            label[for=search] {        display: block;        text-align: left;      }      #search label {        font-weight: 200;        padding: 5px 0;      }      #search input[type=text] {        font-size: 18px;        width: 705px;      }      #search .button {        padding: 10px;        width: 90px;      }     </style></head><body><div class="container">  <div id="search">    <label for="search"></label>    <input type="text" name="q">    <input class="button" type="submit" value="Search">  </div></div><div style="text-align:center;margin:100px 0; font:normal 14px/24px 'MicroSoft YaHei';"></div></body></html>

就業(yè)前景？從我個人角度出發(fā)我舉得沒啥好前景，首先，單從學(xué)習(xí)方面來說，難度很大或者說學(xué)習(xí)時間比較長，很多人都說很容易，其實(shí)只是學(xué)習(xí)div+css基礎(chǔ)容易而已，后期要學(xué)精得慢慢的工作學(xué)習(xí)積累經(jīng)驗(yàn)，做網(wǎng)頁設(shè)計(jì)還要學(xué)習(xí)頁面的設(shè)計(jì)，這個不是一朝一夕就能快速學(xué)好的，有天賦的話只要初步掌握行業(yè)特點(diǎn)就能很快的設(shè)計(jì)出頁面來，沒有天賦的話那就只能靠慢慢磨練，我個人就屬于那種有一點(diǎn)點(diǎn)天賦但不多，主要靠自己鍛煉才練好的，而且還在不斷的學(xué)習(xí)中；我公司近一年多在我手下走過的人有5個，都是沒什么天賦的人，很多人都是耐性不夠，試用期做了好幾個月都堅(jiān)持不下來，設(shè)計(jì)的頁面幾乎沒有能過關(guān)的，這幾年認(rèn)識的十幾人中，現(xiàn)在就剩下兩三個還在堅(jiān)持這一行；學(xué)精挺不容易的，而做網(wǎng)頁設(shè)計(jì)工資又普遍比較低，在div+css的代碼部分難度不是很大，最大的難度就是設(shè)計(jì)，這個因?yàn)樾枰M(fèi)腦子，隨著年齡的增大就越來越不適合繼續(xù)做這行，而且做到近40歲的話還是在給人打工做設(shè)計(jì)就有點(diǎn)搓了！我是最多做到35歲就轉(zhuǎn)行或者提前轉(zhuǎn)行；從就業(yè)方面來說，是不愁找不著工作的，至少是目前來說有經(jīng)驗(yàn)的網(wǎng)頁設(shè)計(jì)師還是很搶手的，很多公司都招不到做設(shè)計(jì)的人，找剛畢業(yè)的又怕耽誤項(xiàng)目，現(xiàn)在剛畢業(yè)的大學(xué)生都太不靠譜了（當(dāng)年我也一樣），雖然人難招，但是卻有一個行業(yè)現(xiàn)象，就算公司招不到設(shè)計(jì)，也不愿開很高的薪水，很多人都對設(shè)計(jì)這行有偏見，認(rèn)為這行太簡單了，設(shè)計(jì)幾張圖片就行的，但只要是做過這行的人都會清楚，做這職業(yè)真的是太累了，有時候比程序員都累，做出的東西人家可不關(guān)心后臺程序?qū)懙恼?，人家看的首先就是頁面漂亮不漂亮，在公司要先通過老板那關(guān)，然后才能給客戶看，而有的公司或者單位因?yàn)槁毼魂P(guān)系，得一層一層的審核，可以說是過五關(guān)斬六將一遍一遍的修改才能通過；最后，不知道你是不是臨近畢業(yè)的學(xué)生，你想做這行的話就得有心理準(zhǔn)備，現(xiàn)在什么基礎(chǔ)都沒有或者基礎(chǔ)比較差的話，那就趁畢業(yè)前趕緊勤奮學(xué)習(xí)一下div+css，如果設(shè)計(jì)創(chuàng)意方面不夠的話，那就先暫時主攻代碼部分的學(xué)習(xí)，這樣找工作的時候手上的籌碼能多一些；不過即使能找到好的工作，但是做設(shè)計(jì)這行剛畢業(yè)工資都會非常的低，一畢業(yè)你能拿到2500以上的話同輩的都會羨慕你；沒有足夠的工作經(jīng)驗(yàn)很難漲工資，沒有個兩三年的工作經(jīng)驗(yàn)，基本上很難上3000工資，我混了四年了也才混了5000多而已，而且是在同一家公司待到現(xiàn)在2年多通過每年的例行漲薪才到這步的，我所認(rèn)識的做設(shè)計(jì)的最高也才1萬5而已，普遍都是四五千，都是老手了，能拿上萬的那是一家大公司的設(shè)計(jì)總監(jiān)，別以為1萬5很高了，他們公司其他同級職位的是他的兩三倍呢，能拿五六七、七八千的都是那種綜合能力比較強(qiáng)的，做網(wǎng)頁設(shè)計(jì)師并沒有大家想象的那么容易，需要會的東西還是很多的；如果你能忍受一兩年內(nèi)只有兩千多的工資，那你就好好發(fā)展吧，這一兩年內(nèi)將決定你的事業(yè)發(fā)展，如果堅(jiān)持不下來，那就趁早想想做其他行業(yè)，或者改學(xué)程序員好了，這個起步工資就比較高，剛畢業(yè)拿個3000左右不是問題，高的能拿近一萬，不過那種屬于老手

css屬性 overflow-y:auto; DIV里面的內(nèi)容超過DIV的高度，右邊就會自動出現(xiàn)滾動條1、用一個div，定制成圖中的寬度和高度2、然后再把div的樣式設(shè)成overflow-y:scroll，當(dāng)div里的文字超出那個高度的時候，滾動條就出來了。例如：<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>