---
# System prepended metadata

title: Day 26 阿嬤帶你探索 CSS！（3）

---

# Day 26 阿嬤帶你探索 CSS！（3）

`我又來給你們受苦啦！！`

## CSS 和 SVG

在 2003 年 1 月，SVG 1.1的標準已確認達到了 W3C 的標準，Yes，你沒瞎，是「2003 年」
，你要知道的是（雖然應該很多人都知道）能讓 CSS 火起來的一版是 2007 年發布的 CSS 2.1
。要想到 SVG 是最近才火起來的喔，也就是差不多 10 幾年的時間，但為啥 SVG 比較少人知道呢？
請聽我娓娓道來。

相信有學過得大大們，應該都知道 SVG 是 Flash 的競爭對手吧！但是（西卡西）SVG 明顯比 Flash 
好很多；SVG 的標準、開放、以及很好插入 CSS、JavaScript 中，但是，如果是單純的 SVG，那就
和 Flash 不相上下了，這有可能就是 SVG 孤單的原因吧 ((默哀 3 秒)) 但是在這一整大段裡，我們
也沒提到「CSS」這個東西，肯定有人說：「阿你是要教 CSS 還是 SVG？」沒事慢慢來，為什麼我
會說 SVG 和 CSS 有關？

正如上一章提到的，當時的社交平台，大多以「文字」居多，圖片真的我說實話，很少，因為當時技
術還不成熟嘛，但是，SVG 強就強在他能展示圖片等影像訊息，但是要用當時的 SVG 寫一段文字
相對比 CSS 還要難，因為我剛剛講了，SVG 是專門用來應用在圖片上，在加上當時以「文字」居多
CSS 能自動換行，但是要當時的 SVG 自動換行，這不強人所難嗎？所以大家都認為，用 CSS 就好
啦，幹哈用 SVG ？

所以 SVG 就被「打入冷宮」10 年

直到最近，文字早已不滿足人們的要求，所以 SVG 才得以從「冷宮」出來（好像在看甄環傳）

## CSS 的新世界 — CSS3

時代在變遷，科技在慢慢進步，當然包括阿嬤阿公哈，大部分的東西都比以前厲害許多，而我們所謂的「以前」，被納入
了歷史中（ CSS 1.1、SVG 1.1 這些都是，嗚嗚嗚時代的眼淚）當然人們對網路需求也比以前高，在這邊插入一個問題
假如你擁有穿越時空的超能力，你會想去以前還是未來呢？這問題值得好好思考，不過可能會有一天，
所謂的「超能力」或許會實現呢。
拉回正題，現在沒有網路，基本上就是啥都沒有的生活，很枯燥無味，但現在，圖文展示已經不滿足
人類們的需求了，技術一定會跟上時代的腳步，網路世界和硬體設備，也帶動了 CSS 的發展。
 CSS3 的設計初衷就是為了豐富我們的網路世界，可以說，CSS2 和 CSS3 跟本是不同的世界，不
是不同次元的東西（好像有點誇張）更加豐富，更加複雜，更加規範，也更加體系化

## 小總結

今天我們把 CSS 的大多歷史都講完了，下一章我會先講解一下各種 CSS 術語（因為我怕有些新手看
不懂我在講什麼，到時候就尷尬了））
你們就期待下一章吧！



































