讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、紹興網(wǎng)站維護(hù)、網(wǎng)站推廣。
可以定義一個css樣式表，擴(kuò)展名為.css,然后在你想引用css的網(wǎng)頁里面的之間加如如下代碼*.css是你保存的css樣式表
大家都知道DIV+CSS是目前正在流行的網(wǎng)頁布局方式，但是它與表格布局、框架布局相比較而言又有哪些優(yōu)點呢？今天我就來給你分享一下DIV+CSS這種布局方式的優(yōu)點：(1) 結(jié)構(gòu)清晰，容易被搜索引擎收集。(2) 與表格比能減少代碼，實現(xiàn)表格布局的許多功能，從而提高頁面的加載速度。(3) 能夠在任何地方、任何設(shè)備上表現(xiàn)已經(jīng)構(gòu)建好的網(wǎng)頁布局。(4) 可以實現(xiàn)和表現(xiàn)和內(nèi)容數(shù)據(jù)的分離。(5) 能很好的控制頁面的布局效果。(6) 擁有強(qiáng)大的字體控制和排版能力。這是本人總結(jié)的，希望笑納。
CSS是Cascading Style Sheets（層疊樣式表單）的簡稱。不過大家都把它稱作樣式表，它是一種設(shè)計網(wǎng)頁樣式的工具。借助CSS的強(qiáng)大功能，網(wǎng)頁將在您豐富的想象力下千變?nèi)f化。至于它的效果就是千變?nèi)f化了,如果有需要了解的話可以去:http://homepage.yesky.com/css/看!
CSS就是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。在主頁制作時采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。它的作用可以達(dá)到：
（1）在幾乎所有的瀏覽器上都可以使用。
（2）以前一些非得通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實現(xiàn)，從而更快地下載頁面。
（3）使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。
（4）你可以輕松地控制頁面的布局 。
（5）你可以將許多網(wǎng)頁的風(fēng)格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風(fēng)格都使用一個CSS文件進(jìn)行控制，只要修改這個CSS文件中相應(yīng)的行，那么整個站點的所有頁面都會隨之發(fā)生變動。
看了cragle的《有沒有必要將網(wǎng)站Div+Css重構(gòu)?》的文章，有一些想法不說不快，我也在文章的評論里提到曾經(jīng)開除過兩個執(zhí)著使用div技術(shù)的美工，遭到一些朋友的反對，但也有一位技術(shù)總監(jiān)的朋友發(fā)帖表示支持，很經(jīng)典的話就是：“做站是給人看的。不是給機(jī)器。符合w3c標(biāo)準(zhǔn)又怎么樣?”。說到web設(shè)計，我是2000年入行的，應(yīng)該還是有說幾句話的份，先說說被我開的兩個美工吧。那是和朋友一起籌建一個新公司，招了一個美工設(shè)計公司的形象網(wǎng)站，在談?wù)摴べY的時候，他便說，如果你們要我用div做頁面的話，工資要高一點。我想高點就高點，如果你真做的好，沒有關(guān)系。其實那個時候我也是才開始認(rèn)真研究這個東西。但出乎我的意料的是，在公司的網(wǎng)站的宣傳廣告里，這位仁兄居然加了這么一句話(宣傳嘛，廣告語我沒有時間寫那么多，就讓他充分發(fā)揮)，內(nèi)容是：“國內(nèi)90%以上的網(wǎng)站將被淘汰，div+css即將成為未來標(biāo)準(zhǔn)”。也許是想他比較自信吧，但是沒有深究，萬沒有想到的是，這個簡單的宣傳網(wǎng)站足足花了半個月時間，頁面設(shè)計水平很爛——顏色搭配都不好，終于被投資人推翻了，又重新設(shè)計了半個月，又被推翻了，雖然我一直強(qiáng)調(diào)美工應(yīng)該先學(xué)好網(wǎng)站結(jié)構(gòu)設(shè)計，顏色搭配等等，但他都當(dāng)成耳邊風(fēng)，終于，我讓他離開了。后來公司再次改版，花了一個星期，做的十分漂亮，table結(jié)構(gòu)。我這個時候還沒意識到div在一些新人眼中產(chǎn)生的誤導(dǎo)會比我想象的嚴(yán)重，直到第二個美工上班。他是才畢業(yè)的，非常勤懇的做事，但他絕對中毒不輕。第一天上班，他便指著我電腦上開的IE，說，你這個東西是很不安全的，非常非常爛的，一定要用firefox，只有firefox才是正途，以后都是firefox的天下。我愕然，那個時候，網(wǎng)上充斥著firefox的廣告——很多站長為了掙美元，很不厚道的貶低IE，狂夸firefox，目的就是為了吸引訪問者下載。這位仁兄也喜歡用div編寫頁面，并且對table表現(xiàn)出極大的不屑，甚至眼里容不得table這個單詞，他開始每天花費90%的時間用于構(gòu)建html文件和css樣式表，甚至為了一個px拿尺子在屏幕上丈量——實在太夸張了，卻只把10%的時間放在頁面整體設(shè)計和美工制作。同時，為了節(jié)約幾個字節(jié)，把一個圖片裁成一個很小字節(jié)的圖片，整個圖片文件夾充滿了細(xì)碎的圖片。當(dāng)然，他到最后也沒拿出令我滿意的作品，因為種種原因，我們的改版是很頻繁的，有時候很大，我不可能為了改一點小東西等他在那里堆一天的代碼，測試N個瀏覽器。畢竟做公司的，要考慮成本，我每天只擁有他8個小時的工作時間，等不得，我只有請他離開。說實話，我并不是反對div+css，但物生一利，必生一弊，div+css的利處大家說了很多，我就說說狂熱的追求div+css的幾個弊端： 1、大大增加了開發(fā)時間，同時也增加了開發(fā)成本。當(dāng)然如果你是一個熟手，或者可以白天黑夜都加班而不用擔(dān)心沒有加班費，那可能不會。
2、大大增加協(xié)同工作的難度，很多沒學(xué)過div的程序員對于美工出的div頁面束手無措，稍微改錯了，可能整個站點就慘不忍睹了。當(dāng)然，如果你是一個全才，可以搞定一切，也可能不會。
3、增加了開發(fā)風(fēng)險，一個css文件的出錯，可能導(dǎo)致整站崩潰，慘不忍睹，大量的訪問鏈接同時調(diào)用靜態(tài)的css文件，可能造成并發(fā)錯誤，調(diào)用失敗。幾年前，我在一個朋友車?yán)镒娴臅r候，當(dāng)時他唾沫橫飛的問我，你會不會做web2.0，我說web2.0不是技術(shù)，web2.0是一種思想，并不是改成div+css就是2.0了。他說錯了錯了，你落伍了，你們那個1.0的網(wǎng)站馬上就要不行的，我馬上要投資做的2.0網(wǎng)站打算如何如何，準(zhǔn)備上市的。幾年后，我那個1.0的網(wǎng)站銷售額還在穩(wěn)步增長，但他的2.0卻再沒聽他提過。div不是壞東西，但是不能鉆牛角尖。關(guān)于某些維護(hù)div的div黨，有幾個誤區(qū)我想說一下，也給新入行的朋友一點提醒。誤區(qū)一：W3C標(biāo)準(zhǔn)就是摒棄一切表格 查閱一下W3C的幫助文件，沒有發(fā)現(xiàn)W3C放棄了table定義，而且利用table制作的頁面也一樣可以通過W3C效驗，事實上，跟隨網(wǎng)頁從產(chǎn)生到現(xiàn)在，table一直都是標(biāo)準(zhǔn)的W3C定義。誤區(qū)二：div+css可以精簡代碼 大家都說DIV的布局精簡代碼，但是用DIV替代TABLE所節(jié)約的代碼又被CSS(樣式)所占用，而這些樣式大多用于控制DIV的排版布局。
一旦css出錯，后果不堪設(shè)想。而且，狂熱的追求把幾十K的頁面再縮小一倍，完全沒必要，大家都知道，一個網(wǎng)頁打開，真正占帶寬的不是網(wǎng)頁本身，而是圖片，flash等，一個頁面100K，可能需要下載的圖片，flash，視頻有幾M之多?，F(xiàn)在硬件發(fā)展速度遠(yuǎn)超軟件發(fā)展速度，帶寬也漸漸不是問題?？駸嶙非蟠a的精簡是舍本逐末。誤區(qū)三：用div可以更容易被搜索引擎搜索到 目前尚無任何證據(jù)證明用div可以更容易被搜索引擎收錄，也許這個只是存在于美好的想象中。始終堅信，做網(wǎng)站就四個字：“內(nèi)容為王”。做公司，也是四個字：“開源節(jié)流”。其它的，都是虛的。追求新技術(shù)不是錯，但鉆牛角尖就不對了，用div也沒錯，確實有很多好處，但切不可成了div的偏執(zhí)狂。本文來自：網(wǎng)頁教學(xué)網(wǎng)(www.webjx.com)原文鏈接：http://www.webjx.com/CSS/20071117/css_1145.html
DIV就只是布局元素，這東西比表格好的唯一就是你可以定義一個ID，想怎么玩它就怎么玩他，表格用來處理顯示數(shù)據(jù)，DIV+css+TABLE就行了，都什么年代了，以前沒有DIV，而且386的年代不也一樣，現(xiàn)在都奔騰4了，凡是和我討論客戶段效率的全是腦子有問題的，樓上說的沒錯，影響的全是圖片和FLASH，所以我一直建議一個提交按鈕就不要用圖片帶代替了 ，你用什么用的熟練就用什么，講究的是效率，客戶永遠(yuǎn)不管你用什么，頁面就要好看，功能就要好用，還有時間和成本的問題
業(yè)界越來越關(guān)注div+css的標(biāo)準(zhǔn)化設(shè)計，大到各大門戶網(wǎng)站，小到不計其數(shù)的個人網(wǎng)站，在div+css標(biāo)準(zhǔn)化的影響下，網(wǎng)頁設(shè)計人員已經(jīng)把這一要求作為行業(yè)標(biāo)準(zhǔn)。那么什么是div+css標(biāo)準(zhǔn)？div+css的標(biāo)準(zhǔn)化設(shè)計到底有什么好處？
div 全稱 division 意為“區(qū)分”使用 div 的方法跟使用其他 tag 的方法一樣。
very excellent webmaster club www.caifuw.com
如果單獨使用 div 而不加任何 css, 那么它在網(wǎng)頁中的效果和使用 是一樣的。
div本身就是容器性質(zhì)的,你不但可以內(nèi)嵌table還可以內(nèi)嵌文本和其它的html代碼
css是cascading style sheets的簡稱，中文譯作“層疊樣式表單”，在主頁制作時采用css技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。網(wǎng)上沖浪無論你用internet explorer還是netscape navigator，幾乎隨時都在與css打交道，在網(wǎng)上沒有使用過css的網(wǎng)頁可能不好找。不管你用什么工具軟件制作網(wǎng)頁，都有在有意無意地使用css。用好css能使你的網(wǎng)頁更加簡煉，同樣內(nèi)容的網(wǎng)頁，有的人做出來有幾十kb，而高手做出來只有十幾kb。
div+css標(biāo)準(zhǔn)的優(yōu)點:
1.大大縮減頁面代碼，提高頁面瀏覽速度,縮減帶寬成本;
2.結(jié)構(gòu)清晰，容易被搜索引擎搜索到，天生優(yōu)化了seo
3.縮短改版時間。只要簡單的修改幾個css文件就可以重新設(shè)計一個有成百上千頁面的站點。
4.強(qiáng)大的字體控制和排版能力。css控制字體的能力比糟糕的font標(biāo)簽好多了，有了css，我們不再需要用font標(biāo)簽或者透明的1 px gif圖片來控制標(biāo)題，改變字體顏色，字體樣式等等。
5.css非常容易編寫。你可以象寫html代碼一樣輕松地編寫css。
6.提高易用性。使用css可以結(jié)構(gòu)化html，例如：標(biāo)簽只用來控制段落，heading標(biāo)簽只用來控制標(biāo)題，table標(biāo)簽只用來表現(xiàn)格式化的數(shù)據(jù)等等。你可以增加更多的用戶而不需要建立獨立的版本。
7.可以一次設(shè)計，隨處發(fā)布。你的設(shè)計不僅僅用于web瀏覽器，也可以發(fā)布在其他設(shè)備上，比如powerpoint。
8.更好的控制頁面布局。不用多說。
9.表現(xiàn)和內(nèi)容相分離。將設(shè)計部分剝離出來放在一個獨立樣式文件中，你可以減少未來網(wǎng)頁無效的可能。
10.更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的html代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個較高的評價(ranking)。
11.table 布局靈活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 還可以 ul li ……但標(biāo)準(zhǔn)語法最好有序的寫。
12.另外如果你不是javascrput的高手，你可以不必去寫id，只用class就可以。當(dāng)客戶端程序員寫完程序，需要調(diào)整時候，你可以在利用他的id進(jìn)行控制。
13.table 中布局中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合一起，很不利于直觀。而div 更能體現(xiàn)樣式和結(jié)構(gòu)相分離，結(jié)構(gòu)的重構(gòu)性強(qiáng)。
14.在幾乎所有的瀏覽器上都可以使用。
15.以前一些非得通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用css就可以輕松實現(xiàn)，從而更快地下載頁面。
16.使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。
17.你可以輕松地控制頁面的布局 。
18.你可以將許多網(wǎng)頁的風(fēng)格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風(fēng)格都使用一個css文件進(jìn)行控制，只要修改這個css文件中相應(yīng)的行，那么整個站點的所有頁面都會隨之發(fā)生變動。
看了這么多優(yōu)點您是否對這種設(shè)計風(fēng)格感興趣呢？筆者嚴(yán)格按照div+css設(shè)計標(biāo)準(zhǔn)做了一個新聞發(fā)布類的網(wǎng)站程序，有興趣的朋友可以下載詳細(xì)研究。地址:http://www.skycn.com/soft/30375.html 或 http://dow.caifuw.com/new5.10free.rar
優(yōu)點：1.頁面加載速度快2.布局靈活3.便于動態(tài)程序嵌入或者動態(tài)程序載入div+css模版目前我的程序就是配合美工的div+css做的，美工可以通過css直接控制我的程序輸出的頁面動態(tài)數(shù)據(jù)的樣式
重慶分公司
重慶分公司
