CSS的發展與起源

CSS的誕生背景

CSS（Cascading Style Sheets，層疊樣式表）的起源可以追溯到1990年代初期，當時HTML正快速發展，但網頁設計面臨一個重大問題：內容與表現混合。

早期網頁設計的問題

在CSS出現之前，網頁設計師只能使用HTML標籤來控制頁面外觀，導致：

• 大量使用<font>、<center>等表現性標籤
• 表格(<table>)被濫用於頁面布局
• 代碼冗長且難以維護
• 更改網站外觀需要修改每個頁面

CSS的發明

1994年：Håkon Wium Lie的提案

CSS的概念最早由Håkon Wium Lie（當時在CERN工作，後來成為Opera軟體公司的CTO）於1994年10月提出。他在名為《層疊樣式表》的論文中首次描述了CSS的基本概念。

1995年：Bert Bos加入開發

Bert Bos當時正在開發一個名為Argo的瀏覽器，有自己的樣式表系統。他與Håkon合作，共同設計了CSS。

CSS的標準化過程

1996年：CSS1發布

W3C（萬維網聯盟）於1996年12月正式發布了CSS Level 1推薦標準。主要特性包括：

• 字體、顏色、背景控制
• 文字屬性（間距、對齊等）
• 簡單的盒模型
• 列表樣式

1998年：CSS2發布

CSS2增加了許多重要功能：

• 定位（positioning）系統
• 媒體類型（打印樣式等）
• 視覺格式化模型
• 新增選擇器類型

瀏覽器支持與”瀏覽器戰爭”

早期實現問題

儘管CSS標準已發布，但瀏覽器廠商（特別是Netscape和Internet Explorer）的實現：

• 不完整且不一致
• 存在大量專有擴展
• 導致”瀏覽器嗅探”代碼的出現

Internet Explorer 5的突破

1999年發布的IE5 for Macintosh被認為是第一個對CSS1支持良好的主流瀏覽器，推動了CSS的普及。

CSS3革命

模塊化發展

從2000年代開始，CSS3採用模塊化開發方式，不同功能獨立發展：

重要模塊與時間線：

• 2001年：CSS3選擇器
• 2005年：媒體查詢（響應式設計基礎）
• 2007年：Web字體（@font-face）
• 2009年：Flexbox布局（2012年最終定案）
• 2011年：CSS3動畫與過渡
• 2017年：CSS Grid布局

現代CSS特性示例

CSS的現狀與未來

當前狀態

• 所有現代瀏覽器都支持CSS3核心功能
• 前處理器（Sass、Less）和後處理器（PostCSS）生態系統成熟
• CSS-in-JS成為前端框架的流行選擇

新興技術

• CSS Houdini：允許開發者直接訪問CSS引擎
• 容器查詢：比媒體查詢更細緻的響應式控制
• 嵌套規則：原生支持類似Sass的嵌套語法
• 顏色空間擴展：LCH、LAB等更先進的顏色表示法

結論

從1994年的簡單樣式提案，到如今強大的設計系統，CSS已成為現代網頁開發不可或缺的技術。它的發展歷程反映了Web從靜態文檔到豐富應用的演變過程，並將繼續適應未來的設計需求和技術挑戰。