Who the hell are you CSS

前言

CSS（英語：Cascading Style Sheets，縮寫：CSS；又稱串樣式列表、級聯樣式表、串接樣式表、階層式樣式表），他的作用是將HTML或是XML擁有色彩，使這呆版的畫面庸有活力，舉凡你們在網站上看到的不論字體樣式、版面顏色、排版等等只要是美化相關的都是CSS的功勞喔。

fun fact

你知道!important在CSS裡是一個終極必殺技嗎?或是說自爆裝置?

麻瓜解釋

根據上篇HTML，小銘已經把房屋(網站)架構建置完成了，可是只有架構還欠缺美化，於是他便請CSS室內設計公司來設計。CSS負責的工作就像空間規劃一樣，進行排版佈局，為牆壁上色（設定顏色），並進行木工裝修（例如按鈕的造型設計）。這就是CSS在做的事。

上方案例可知CSS就單純只是美化而已，而且必須搭配HTML共同協作在能發揮CSS的價值。如果沒有HTML，CSS沒了宿主，基本上就沒作用了。

歷史

左Håkon Wium Lie，右 Gijsbert (Bert) Bos

在1990年，網路剛剛興起，當時網頁設計的主要手段是透過HTML來結構化內容，但排版和樣式控制非常有限。雖然有一些樣式表的概念被提出，但功能不夠完善。

直到1994年，Håkon Wium Lie（現任Opera技術長）提出了 CSS 的概念，他與另一位電腦科學家 Gijsbert (Bert) Bos 合作開發了CSS。他們的合作使CSS得以迅速發展。

與當時其他樣式表語言相比，CSS 引入了兩個關鍵的創新概念：「繼承」和「權重」。繼承允許樣式從父級元素傳遞到子級元素，減少了重複定義樣式的麻煩；而權重則提供了一種層級控制機制，使開發者能更靈活地處理樣式衝突。這些特性大大提升了CSS在網頁設計中的靈活性。

1996年，CSS1被W3C（World Wide Web Consortium
）正式標準化，這為其廣泛應用鋪平了道路。隨後的版本，像是CSS2和CSS3，進一步加入了排版控制、響應式設計、動畫等現代化功能，讓CSS成為網頁設計不可或缺的工具。

後記

雖然 HTML 與 CSS 看似簡單，實際上是易學難精。但我相信聰明的你們應該快就能掌握了，畢竟你們已經看到第二篇囉，加油，請繼續跟華生調查去。

參考

https://zh.wikipedia.org/zh-tw/CSS

https://www.almabetter.com/bytes/articles/history-of-css