讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、紹興網(wǎng)站維護(hù)、網(wǎng)站推廣。

本文目錄一覽

• 1，CSS做網(wǎng)站的優(yōu)勢
• 2，使用css有什么好處
• 3，divcss建立頁面的好處

1，CSS做網(wǎng)站的優(yōu)勢

可以定義一個(gè)css樣式表，擴(kuò)展名為.css,然后在你想引用css的網(wǎng)頁里面的之間加如如下代碼*.css是你保存的css樣式表

大家都知道DIV+CSS是目前正在流行的網(wǎng)頁布局方式，但是它與表格布局、框架布局相比較而言又有哪些優(yōu)點(diǎn)呢？今天我就來給你分享一下DIV+CSS這種布局方式的優(yōu)點(diǎn)：(1) 結(jié)構(gòu)清晰，容易被搜索引擎收集。(2) 與表格比能減少代碼，實(shí)現(xiàn)表格布局的許多功能，從而提高頁面的加載速度。(3) 能夠在任何地方、任何設(shè)備上表現(xiàn)已經(jīng)構(gòu)建好的網(wǎng)頁布局。(4) 可以實(shí)現(xiàn)和表現(xiàn)和內(nèi)容數(shù)據(jù)的分離。(5) 能很好的控制頁面的布局效果。(6) 擁有強(qiáng)大的字體控制和排版能力。這是本人總結(jié)的，希望笑納。

2，使用css有什么好處

CSS是Cascading Style Sheets（層疊樣式表單）的簡稱。不過大家都把它稱作樣式表，它是一種設(shè)計(jì)網(wǎng)頁樣式的工具。借助CSS的強(qiáng)大功能，網(wǎng)頁將在您豐富的想象力下千變?nèi)f化。至于它的效果就是千變?nèi)f化了,如果有需要了解的話可以去:http://homepage.yesky.com/css/看!

CSS就是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。在主頁制作時(shí)采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。它的作用可以達(dá)到：
（1）在幾乎所有的瀏覽器上都可以使用。
（2）以前一些非得通過圖片轉(zhuǎn)換實(shí)現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實(shí)現(xiàn)，從而更快地下載頁面。
（3）使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。
（4）你可以輕松地控制頁面的布局 。
（5）你可以將許多網(wǎng)頁的風(fēng)格格式同時(shí)更新，不用再一頁一頁地更新了。你可以將站點(diǎn)上所有的網(wǎng)頁風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中相應(yīng)的行，那么整個(gè)站點(diǎn)的所有頁面都會隨之發(fā)生變動。

3，divcss建立頁面的好處

看了cragle的《有沒有必要將網(wǎng)站Div+Css重構(gòu)?》的文章，有一些想法不說不快，我也在文章的評論里提到曾經(jīng)開除過兩個(gè)執(zhí)著使用div技術(shù)的美工，遭到一些朋友的反對，但也有一位技術(shù)總監(jiān)的朋友發(fā)帖表示支持，很經(jīng)典的話就是：“做站是給人看的。不是給機(jī)器。符合w3c標(biāo)準(zhǔn)又怎么樣?”。說到web設(shè)計(jì)，我是2000年入行的，應(yīng)該還是有說幾句話的份，先說說被我開的兩個(gè)美工吧。那是和朋友一起籌建一個(gè)新公司，招了一個(gè)美工設(shè)計(jì)公司的形象網(wǎng)站，在談?wù)摴べY的時(shí)候，他便說，如果你們要我用div做頁面的話，工資要高一點(diǎn)。我想高點(diǎn)就高點(diǎn)，如果你真做的好，沒有關(guān)系。其實(shí)那個(gè)時(shí)候我也是才開始認(rèn)真研究這個(gè)東西。但出乎我的意料的是，在公司的網(wǎng)站的宣傳廣告里，這位仁兄居然加了這么一句話(宣傳嘛，廣告語我沒有時(shí)間寫那么多，就讓他充分發(fā)揮)，內(nèi)容是：“國內(nèi)90%以上的網(wǎng)站將被淘汰，div+css即將成為未來標(biāo)準(zhǔn)”。也許是想他比較自信吧，但是沒有深究，萬沒有想到的是，這個(gè)簡單的宣傳網(wǎng)站足足花了半個(gè)月時(shí)間，頁面設(shè)計(jì)水平很爛——顏色搭配都不好，終于被投資人推翻了，又重新設(shè)計(jì)了半個(gè)月，又被推翻了，雖然我一直強(qiáng)調(diào)美工應(yīng)該先學(xué)好網(wǎng)站結(jié)構(gòu)設(shè)計(jì)，顏色搭配等等，但他都當(dāng)成耳邊風(fēng)，終于，我讓他離開了。后來公司再次改版，花了一個(gè)星期，做的十分漂亮，table結(jié)構(gòu)。我這個(gè)時(shí)候還沒意識到div在一些新人眼中產(chǎn)生的誤導(dǎo)會比我想象的嚴(yán)重，直到第二個(gè)美工上班。他是才畢業(yè)的，非常勤懇的做事，但他絕對中毒不輕。第一天上班，他便指著我電腦上開的IE，說，你這個(gè)東西是很不安全的，非常非常爛的，一定要用firefox，只有firefox才是正途，以后都是firefox的天下。我愕然，那個(gè)時(shí)候，網(wǎng)上充斥著firefox的廣告——很多站長為了掙美元，很不厚道的貶低IE，狂夸firefox，目的就是為了吸引訪問者下載。這位仁兄也喜歡用div編寫頁面，并且對table表現(xiàn)出極大的不屑，甚至眼里容不得table這個(gè)單詞，他開始每天花費(fèi)90%的時(shí)間用于構(gòu)建html文件和css樣式表，甚至為了一個(gè)px拿尺子在屏幕上丈量——實(shí)在太夸張了，卻只把10%的時(shí)間放在頁面整體設(shè)計(jì)和美工制作。同時(shí)，為了節(jié)約幾個(gè)字節(jié)，把一個(gè)圖片裁成一個(gè)很小字節(jié)的圖片，整個(gè)圖片文件夾充滿了細(xì)碎的圖片。當(dāng)然，他到最后也沒拿出令我滿意的作品，因?yàn)榉N種原因，我們的改版是很頻繁的，有時(shí)候很大，我不可能為了改一點(diǎn)小東西等他在那里堆一天的代碼，測試N個(gè)瀏覽器。畢竟做公司的，要考慮成本，我每天只擁有他8個(gè)小時(shí)的工作時(shí)間，等不得，我只有請他離開。說實(shí)話，我并不是反對div+css，但物生一利，必生一弊，div+css的利處大家說了很多，我就說說狂熱的追求div+css的幾個(gè)弊端： 1、大大增加了開發(fā)時(shí)間，同時(shí)也增加了開發(fā)成本。當(dāng)然如果你是一個(gè)熟手，或者可以白天黑夜都加班而不用擔(dān)心沒有加班費(fèi)，那可能不會。
2、大大增加協(xié)同工作的難度，很多沒學(xué)過div的程序員對于美工出的div頁面束手無措，稍微改錯了，可能整個(gè)站點(diǎn)就慘不忍睹了。當(dāng)然，如果你是一個(gè)全才，可以搞定一切，也可能不會。
3、增加了開發(fā)風(fēng)險(xiǎn)，一個(gè)css文件的出錯，可能導(dǎo)致整站崩潰，慘不忍睹，大量的訪問鏈接同時(shí)調(diào)用靜態(tài)的css文件，可能造成并發(fā)錯誤，調(diào)用失敗。幾年前，我在一個(gè)朋友車?yán)镒娴臅r(shí)候，當(dāng)時(shí)他唾沫橫飛的問我，你會不會做web2.0，我說web2.0不是技術(shù)，web2.0是一種思想，并不是改成div+css就是2.0了。他說錯了錯了，你落伍了，你們那個(gè)1.0的網(wǎng)站馬上就要不行的，我馬上要投資做的2.0網(wǎng)站打算如何如何，準(zhǔn)備上市的。幾年后，我那個(gè)1.0的網(wǎng)站銷售額還在穩(wěn)步增長，但他的2.0卻再沒聽他提過。div不是壞東西，但是不能鉆牛角尖。關(guān)于某些維護(hù)div的div黨，有幾個(gè)誤區(qū)我想說一下，也給新入行的朋友一點(diǎn)提醒。誤區(qū)一：W3C標(biāo)準(zhǔn)就是摒棄一切表格 查閱一下W3C的幫助文件，沒有發(fā)現(xiàn)W3C放棄了table定義，而且利用table制作的頁面也一樣可以通過W3C效驗(yàn)，事實(shí)上，跟隨網(wǎng)頁從產(chǎn)生到現(xiàn)在，table一直都是標(biāo)準(zhǔn)的W3C定義。誤區(qū)二：div+css可以精簡代碼 大家都說DIV的布局精簡代碼，但是用DIV替代TABLE所節(jié)約的代碼又被CSS(樣式)所占用，而這些樣式大多用于控制DIV的排版布局。
一旦css出錯，后果不堪設(shè)想。而且，狂熱的追求把幾十K的頁面再縮小一倍，完全沒必要，大家都知道，一個(gè)網(wǎng)頁打開，真正占帶寬的不是網(wǎng)頁本身，而是圖片，flash等，一個(gè)頁面100K，可能需要下載的圖片，flash，視頻有幾M之多。現(xiàn)在硬件發(fā)展速度遠(yuǎn)超軟件發(fā)展速度，帶寬也漸漸不是問題?？駸嶙非蟠a的精簡是舍本逐末。誤區(qū)三：用div可以更容易被搜索引擎搜索到 目前尚無任何證據(jù)證明用div可以更容易被搜索引擎收錄，也許這個(gè)只是存在于美好的想象中。始終堅(jiān)信，做網(wǎng)站就四個(gè)字：“內(nèi)容為王”。做公司，也是四個(gè)字：“開源節(jié)流”。其它的，都是虛的。追求新技術(shù)不是錯，但鉆牛角尖就不對了，用div也沒錯，確實(shí)有很多好處，但切不可成了div的偏執(zhí)狂。本文來自：網(wǎng)頁教學(xué)網(wǎng)(www.webjx.com)原文鏈接：http://www.webjx.com/CSS/20071117/css_1145.html

DIV就只是布局元素，這東西比表格好的唯一就是你可以定義一個(gè)ID，想怎么玩它就怎么玩他，表格用來處理顯示數(shù)據(jù)，DIV+css+TABLE就行了，都什么年代了，以前沒有DIV，而且386的年代不也一樣，現(xiàn)在都奔騰4了，凡是和我討論客戶段效率的全是腦子有問題的，樓上說的沒錯，影響的全是圖片和FLASH，所以我一直建議一個(gè)提交按鈕就不要用圖片帶代替了 ，你用什么用的熟練就用什么，講究的是效率，客戶永遠(yuǎn)不管你用什么，頁面就要好看，功能就要好用，還有時(shí)間和成本的問題

業(yè)界越來越關(guān)注div+css的標(biāo)準(zhǔn)化設(shè)計(jì)，大到各大門戶網(wǎng)站，小到不計(jì)其數(shù)的個(gè)人網(wǎng)站，在div+css標(biāo)準(zhǔn)化的影響下，網(wǎng)頁設(shè)計(jì)人員已經(jīng)把這一要求作為行業(yè)標(biāo)準(zhǔn)。那么什么是div+css標(biāo)準(zhǔn)？div+css的標(biāo)準(zhǔn)化設(shè)計(jì)到底有什么好處？ div 全稱 division 意為“區(qū)分”使用 div 的方法跟使用其他 tag 的方法一樣。
very excellent webmaster club www.caifuw.com 如果單獨(dú)使用 div 而不加任何 css, 那么它在網(wǎng)頁中的效果和使用 是一樣的。
div本身就是容器性質(zhì)的,你不但可以內(nèi)嵌table還可以內(nèi)嵌文本和其它的html代碼 css是cascading style sheets的簡稱，中文譯作“層疊樣式表單”，在主頁制作時(shí)采用css技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。網(wǎng)上沖浪無論你用internet explorer還是netscape navigator，幾乎隨時(shí)都在與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)點(diǎn):
1.大大縮減頁面代碼，提高頁面瀏覽速度,縮減帶寬成本;
2.結(jié)構(gòu)清晰，容易被搜索引擎搜索到，天生優(yōu)化了seo
3.縮短改版時(shí)間。只要簡單的修改幾個(gè)css文件就可以重新設(shè)計(jì)一個(gè)有成百上千頁面的站點(diǎn)。
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ù)等等。你可以增加更多的用戶而不需要建立獨(dú)立的版本。
7.可以一次設(shè)計(jì)，隨處發(fā)布。你的設(shè)計(jì)不僅僅用于web瀏覽器，也可以發(fā)布在其他設(shè)備上，比如powerpoint。
8.更好的控制頁面布局。不用多說。
9.表現(xiàn)和內(nèi)容相分離。將設(shè)計(jì)部分剝離出來放在一個(gè)獨(dú)立樣式文件中，你可以減少未來網(wǎng)頁無效的可能。
10.更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的html代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個(gè)較高的評價(jià)(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)整時(shí)候，你可以在利用他的id進(jìn)行控制。
13.table 中布局中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合一起，很不利于直觀。而div 更能體現(xiàn)樣式和結(jié)構(gòu)相分離，結(jié)構(gòu)的重構(gòu)性強(qiáng)。
14.在幾乎所有的瀏覽器上都可以使用。
15.以前一些非得通過圖片轉(zhuǎn)換實(shí)現(xiàn)的功能，現(xiàn)在只要用css就可以輕松實(shí)現(xiàn)，從而更快地下載頁面。
16.使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。
17.你可以輕松地控制頁面的布局 。
18.你可以將許多網(wǎng)頁的風(fēng)格格式同時(shí)更新，不用再一頁一頁地更新了。你可以將站點(diǎn)上所有的網(wǎng)頁風(fēng)格都使用一個(gè)css文件進(jìn)行控制，只要修改這個(gè)css文件中相應(yīng)的行，那么整個(gè)站點(diǎn)的所有頁面都會隨之發(fā)生變動。
看了這么多優(yōu)點(diǎn)您是否對這種設(shè)計(jì)風(fēng)格感興趣呢？筆者嚴(yán)格按照div+css設(shè)計(jì)標(biāo)準(zhǔn)做了一個(gè)新聞發(fā)布類的網(wǎng)站程序，有興趣的朋友可以下載詳細(xì)研究。地址:http://www.skycn.com/soft/30375.html 或 http://dow.caifuw.com/new5.10free.rar

優(yōu)點(diǎn)：1.頁面加載速度快2.布局靈活3.便于動態(tài)程序嵌入或者動態(tài)程序載入div+css模版目前我的程序就是配合美工的div+css做的，美工可以通過css直接控制我的程序輸出的頁面動態(tài)數(shù)據(jù)的樣式

當(dāng)前名稱：css制作頁面有哪些優(yōu)點(diǎn)，CSS做網(wǎng)站的優(yōu)勢
網(wǎng)頁路徑：http://jinyejixie.com/article46/ejcphg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站排名、企業(yè)建站、網(wǎng)頁設(shè)計(jì)公司、標(biāo)簽優(yōu)化、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)