CSS3教程(1):什么是CSS3

2024-07-11 08:24:20

字體：大中小

來源：轉載

供稿：網友

CSS3不是新事物，更不是只是圍繞border-radius屬性實現的圓角。它正耐心的坐在那里，已經準備好了首次登場，呷著咖啡，等著瀏覽器來鋪上紅地毯。
CSS3不是新事物，更不是只是圍繞border-radius屬性實現的圓角。它正耐心的坐在那里，已經準備好了首次登場，呷著咖啡，等著瀏覽器來鋪上紅地毯。你看，瀏覽器需要跟上了……
注意：瀏覽器需要改進
盡管把玩CSS3是很有趣的事情——就像接下來我要演示的幾篇教程中表現的那樣，但是需要了解的是，CSS3并沒有被當前瀏覽器完全的支持。也就是說，如果你要在你的網站中使用CSS3，請確認有針對不支持CSS3的瀏覽器的兼容方法。
CSS3的瀏覽器支持狀況：

Firefox(3.05 …部分支持)
Google Chrome(1.0.154 …部分支持)
Google Chrome(2.0.156 …較好支持)
Internet Explorer(IE7, IE8 不支持)
Opera(9.6 …很少支持)
Safari(3.2.1 windows…較好支持)
什么是CSS，什么是CSS3？
非常簡單，CSS代表“Casading Style Sheets”，就是樣式表，是一種替代并為網站添加樣式的標記性語言。CSS3只是表示下一代CSS，3只是版本號。
如果CSS3還沒有完全被支持，那么我為什么要寫CSS3呢？
因為學習新東西時間很有趣的事情！
而且有人常常問我如何實現圓角。我解釋了很多遍如何使用圖片或CSS3實現，這里我通過寫一些我學到的一些東西的方式來希望能夠幫助其他的有需要的人。
當然你也不必只看我說的。Eric Meyer是一個了解CSS很多的傳奇人物，這里有個很棒的對Eric的訪談，討論CSS3，很值得一讀。
測試，我特別制作了一個關于本系列教程的測試頁面。所有本系列教程所討論的內容，在該測試頁面都有演示，你也可以訪問該頁面，來測試一下自己的瀏覽器是否支持CSS3。