cloth MSN with the robe of CSS

2005/2/1 比爾.蓋茨在MSN.com上發表公開信, 介紹MSN.com新首頁和MSN的搜尋服務。
他說: MSN.com首頁被設計得更快、更簡單、更有組織性。

MSN.com 首頁的改版有重大意義, 改變方向 走向Web standards網路標準(網站設計標準化), W3C的Web標準的路, 意義不再走IE only的路 , 人們可以使用各種瀏覽器 查看網頁而不僅是Internet Explorer。

很高興 看到了MSN 標準化的改版, 雖然只有一頁, 但對推廣 Web standards網路標準(網站設計標準化), W3C的Web標準 能起到強大的推動作用, 微軟的改變方向 進步, 這些都是我們期待看到的。

另外一個聰明的設計是 對於不支援 CSS 的舊瀏覽器, 將看到不同畫面 使用隱藏技術:
<DIV class=hide>
<H2>Why does MSN look like this?</H2>
Your browser cannot find our style and
presentation information. You’re welcome to use the page as is, or upgrade your
browser to its latest version. If you’re using Microsoft Internet Explorer, go
to the <A href="http://www.microsoft.com/windows/ie/default.mspx">Microsoft
Internet Explorer website </A>to install the latest version. If you are using
another browser, see your browser’s website for more information.</DIV>
上面是建議 升級成新版的瀏覽器, 並加上 下載最新版瀏覽器的連結。

<STYLE type=text/css>@import url( http://hp.msn.com/css/home/hp1021.css );
</STYLE>

我個人的理解是: .hide { DISPLAY: none }
放在@import url( http://hp.msn.com/css/home/hp1021.css );中, IE 4不認識@import 瀏覽器會直接顯示<DIV class=hide>的內容 ,但 Netscape 4 它們可能會瘋掉, 不過這是小問題 這類的瀏覽器 現在已經 瀕臨絕跡。但支援 CSS 的新版瀏覽器 會按照指示將<DIV class=hide>的內容隱藏。

可以到MSN.com首頁 也可按此 檢示程式碼

	支援, 作用Applied By	不支援,作用 Not Applied By	當機 Hang , Crash
@import url(cooldog.css); @import url("cooldog.css"); 註: 有沒有 " quoes作用的瀏覽器差不多, 多了蘋果 Mac IE 4.01 , Mac IE 4.5 不作用。	all Mozilla 0.6 - 1.6 Win IE 5.0 - 6.x Mac IE 4.0 - 5.x Win Opera 3.5 - 7.x	Netscape 4.x Win IE 3 -4 Mac IE 4.01 Mac IE 4.5	Win NS 4.0 - 4.04 This causes Netscape to hang. Browser must be closed
@import url(cooldog.css) all; @import url(cooldog.css) screen;	all Mozilla 0.6 - 1.6 Mac IE 4.5 - 5.x Win Opera 3.5 - 7.x	Win IE 4.0 - 6.x Mac IE 4.0 All NS 4.x