現(xiàn)在是一個(gè)激動人心的時(shí)刻要?jiǎng)?chuàng)建的CSS布局。經(jīng)過多年什么感覺的老的瀏覽器相同的老技術(shù)，我們終于看到瀏覽器執(zhí)行3的CSS，HTML 5和其他技術(shù)，讓我們?yōu)槲覀兊睦鋮s設(shè)計(jì)的新工具和技巧。

　　但是，這種變化都可以壓力也。你如何保持與所有的新技術(shù)，并確保您的網(wǎng)頁外觀的瀏覽器和設(shè)備越來越多的偉大那里呢？部分本條第1，您將學(xué)習(xí)5年的成功現(xiàn)代的CSS網(wǎng)站的基本特征。部分本條第2，您將了解的技術(shù)和工具，您需要實(shí)現(xiàn)這些特性。

　　我們不會談?wù)摰脑O(shè)計(jì)趨勢和特點(diǎn)的現(xiàn)代風(fēng)格，基于CSS的布局。這些樣式總是在變化。相反，我們將側(cè)重于廣泛，你需要知道，創(chuàng)造最成功的CSS布局采用最新的技術(shù)基本概念。例如，分離內(nèi)容和表現(xiàn)仍是一個(gè)網(wǎng)頁的CSS的基本概念。但是，現(xiàn)代的CSS網(wǎng)頁的其他特征是新的或比以往更加重要?，F(xiàn)代基于CSS的網(wǎng)站是：逐步提高，適應(yīng)不同用戶，模塊化，高效率和印刷上的豐富。

　　逐步提高，

　　適應(yīng)不同用戶，

　　模塊化，

　　高效，

　　印刷上豐富。

　　漸進(jìn)增強(qiáng)

　　漸進(jìn)增強(qiáng)意味著創(chuàng)造適當(dāng)?shù)臉?biāo)記內(nèi)容和先進(jìn)的造型添加了堅(jiān)實(shí)的網(wǎng)頁（可能腳本）的瀏覽器可以處理它的頁面。它的結(jié)果在網(wǎng)頁上是所有的瀏覽器可用，但不要指望在所有瀏覽器相同的。用戶的更新，更先進(jìn)的瀏覽器能看到更多精彩的視覺效果和不錯(cuò)的可用性增強(qiáng)。

　　因此，在設(shè)計(jì)，研究在不同的瀏覽器不同的想法并不新鮮。的CSS領(lǐng)袖們一直鼓吹多年，是因?yàn)樽煮w的可用性和渲染，色調(diào)，像素計(jì)算和其它技術(shù)因素一直瀏覽器和平臺之間的不同。大多數(shù)Web設(shè)計(jì)者避免“像素圓滿”，并接受了他們的設(shè)計(jì)理念看，在不同的瀏覽器稍有不同。但是，漸進(jìn)增強(qiáng)，已逐漸風(fēng)行，在過去幾年里，需要再進(jìn)一步。正在逐步提高，可能看上去比略有不同的瀏覽器不同的設(shè)計(jì)，他們看起來非常不同。

　　例如，tweetCC網(wǎng)站有3數(shù)量的CSS屬性，增加吸引力的視覺觸及，如落案背后的陰影，文本和不同顏色的背景，多列“圖像”（不存在，有待實(shí)際上是不同的圖像）。這些影響被認(rèn)為在不同程度不同的瀏覽器，如IE瀏覽器與6歲的前瞻性瀏覽器的“最簡單的。”然而，即使在IE 6中，文本是完全可讀的，設(shè)計(jì)是非常有用的。

　　西安網(wǎng)站建設(shè)

　　西安做網(wǎng)站

　　在CSS 3能夠如Safari瀏覽器（上），網(wǎng)站的tweetCC顯示了一些視覺效果，您不能在IE中看到6（底部）。

　　這些瀏覽器之間的明顯差異是完全好了，不僅因?yàn)檫@是內(nèi)置網(wǎng)絡(luò)的性質(zhì)，而是因?yàn)闈u進(jìn)增強(qiáng)帶來以下好處：

　　更強(qiáng)大的網(wǎng)頁

　　而不是使用優(yōu)雅退化方法來創(chuàng)建一個(gè)全功能的網(wǎng)頁，然后追溯，使之功能較少功能的瀏覽器，您的注意力集中在建立一個(gè)堅(jiān)實(shí)的“基礎(chǔ)”的網(wǎng)頁作品隨處可見。

　　值得高興的用戶

　　你開始建立網(wǎng)頁，確?；竟δ芎驮煨褪敲總€(gè)人都一樣。舊的瀏覽器，移動設(shè)備和輔助技術(shù)的人是開心，因?yàn)轫撁媲鍧嵑涂煽康?，并且運(yùn)作良好。最新和最偉大的瀏覽器很高興，因?yàn)樗麄兊玫搅素S富，拋光經(jīng)驗(yàn)。

　　縮短開發(fā)時(shí)間

　　您不必花時(shí)間試圖讓一切看起來完善，所有的瀏覽器相同的。也不必花太多的時(shí)間逆向工程網(wǎng)頁工作的老的瀏覽器后，您已完成了全面的功能和風(fēng)格的版本（如與優(yōu)雅降解法的情況下）。

　　減少維護(hù)時(shí)間

　　如果一個(gè)新的瀏覽器或新技術(shù)時(shí)，您可以添加新的功能，你已經(jīng)擁有的，沒有改變，并可能打破現(xiàn)有的功能。你只有一個(gè)頁面或代碼庫版本更新，而不是多個(gè)版本（這是與優(yōu)雅退化的情況下）。

　　更多樂趣

　　這只是純粹的娛樂能夠使用您的網(wǎng)頁冷靜和創(chuàng)造性的新技術(shù)，而不必等待舊的瀏覽器幾年死了。

　　漸進(jìn)增強(qiáng)了解更多：

　　逐步增強(qiáng)：它是什么，以及如何使用它？

　　在維基百科中逐步增強(qiáng)

　　逐步增強(qiáng)：從而為未來的網(wǎng)絡(luò)設(shè)計(jì)方法

　　能適應(yīng)不同用戶

　　現(xiàn)代基于CSS的網(wǎng)頁必須滿足的瀏覽器，設(shè)備，屏幕分辨率，字體大小，輔助技術(shù)以及其他因素多種多樣，用戶帶來的表。這個(gè)概念也并不新鮮，但在日益重要的網(wǎng)絡(luò)用戶日益多樣化。例如，幾年前，你幾乎可以指望你有三種屏幕分辨率1的所有用戶。現(xiàn)在，用戶可以查看您的網(wǎng)頁上10英寸上網(wǎng)本，30英寸寬屏顯示器或任何提及之間微小的移動設(shè)備，而不是。

　　西安做網(wǎng)站

　　在他的文章“使用CSS和jQuery智能列”蘇氏田中描述他的技術(shù)能夠適應(yīng)的布局當(dāng)前瀏覽器窗口大小而定。

　　創(chuàng)建web設(shè)計(jì)，所有方案中所有用戶的工作永遠(yuǎn)不會成為可能。但是，更多的用戶，您可以請?jiān)胶茫簽樗麄?，為您和您的客戶。成功的CSS布局現(xiàn)在必須更加靈活，適應(yīng)性比以往的方法，使用戶瀏覽網(wǎng)頁越來越多種多樣。

　　像這樣的考慮時(shí)，創(chuàng)建的CSS布局的因素：

　　瀏覽器

　　是設(shè)計(jì)有吸引力和最新，最流行的瀏覽器使用？但至少是可用舊的瀏覽器？

　　平臺

　　是否可以在PC，Mac和Linux電腦的設(shè)計(jì)工作？

　　設(shè)備

　　設(shè)計(jì)是否適應(yīng)低分辨率的移動設(shè)備？它是如何在移動設(shè)備上尋找擁有完全的決議（）例如iPhone手機(jī)？

　　屏幕分辨率

　　是否住在一起的設(shè)計(jì)，多口（即窗口）寬度？是否有吸引力，易讀，在不同的寬度？如果設(shè)計(jì)不適應(yīng)不同的視寬，但對于極窄或?qū)捯暱谡_的（例如，通過使用最小寬度和最大寬度屬性）？

　　字體大小

　　設(shè)計(jì)是否適應(yīng)不同的默認(rèn)字體大?。渴欠駬碛泄餐脑O(shè)計(jì)時(shí)，字體大小是迅速改變？是否有吸引力，易讀，在不同的字體大小？

　　顏色

　　設(shè)計(jì)是否有意義，是可讀的內(nèi)容在黑色和白色的？難道工作，如果你是色盲或視力欠佳或無法檢測的色彩對比？

　　JavaScript的存在

　　是否不JavaScript網(wǎng)頁的工作？

　　圖像存在

　　內(nèi)容是否有意義，是它可讀沒有圖像（無論是背景或前景）？

　　輔助技術(shù)/殘疾

　　是否在屏幕閱讀器的網(wǎng)頁的工作嗎？是否沒有鼠標(biāo)的網(wǎng)頁的工作嗎？

　　這不是一個(gè)全面的列表，即使如此，你就不能滿足您的每一個(gè)設(shè)計(jì)的這些變化之一。但你愈是可以解釋的更方便用戶，強(qiáng)大的和成功的將您的網(wǎng)站。