定義
一種樣式表語言。用以描述用標記語言編寫的文檔的外觀和格式,使得用HTML等語言編寫的文檔在不同的瀏覽器上顯示出一致的風格。
CSS的完整英文名稱為Cascading Style Sheets,中文譯名為層疊樣式表或層級樣式表,其核心目的是實現網頁內容與表現的分離。CSS是開放Web的核心語言之一,由
全球資訊網聯盟(W3C)進行標準化,其基本語法通過選擇器和聲明(屬性-值對)的規則來定義樣式,檔案擴展名為.css。
發展歷程
1994年,哈坤·利(Håkon Wium Lie)首次提出
CSS的想法,並與
伯特·波斯(Bert Bos)合作設計最初版本。1996年12月,W3C推出CSS規範的第一版(
CSS1),1997年頒布CSS1.0版本。
1998年,W3C發布
CSS2規範,引入了更多布局和控制特性。2001年,微軟發布IE6瀏覽器,其市場占有率曾對CSS推廣產生重要影響。
CSS3的開發始於1999年。此後,CSS規範被拆分為多個獨立模組進行發展和標準化,版本號概念弱化,轉向模組級別(Level)的更新。
2019年12月,W3C發布CSS書寫模式第三版(CSS Writing Modes Level 3)正式推薦標準。
工作原理與核心概念
CSS(層疊樣式表)通過樣式規則來控制HTML或XML文檔的呈現方式,其核心工作原理是通過選擇器指定需要改變樣式的HTML元素,並通過聲明塊設定屬性-值對來定義具體樣式。樣式規則存儲在樣式表中,實現了網頁內容與表現形式的分離。
CSS的核心概念包括優先權、繼承和層疊。CSS盒模型(Box Model)是網頁布局的基礎,它將每個HTML元素視為一個矩形盒子,由內容、內邊距、框線和外邊距構成,總元素的寬度和高度需要將這些部分相加計算。
CSS提供了多種布局模式來排列和定位元素,傳統布局模式包括標準流、浮動和定位(如static、relative、absolute、fixed)。現代CSS3引入了彈性盒子布局(Flexbox)用於一維布局和格線布局(Grid)用於二維布局。
CSS選擇器用於選中需要添加樣式的元素,其類型包括基礎選擇器(如
元素選擇器、
類選擇器、ID選擇器)、組合選擇器(如
後代選擇器、子選擇器)、屬性選擇器、偽類選擇器和偽元素選擇器等。
版本歷史
CSS規範由全球資訊網聯盟(W3C)制定並標準化,其發展經歷了從集中版本到模組化發展的演進。
CSS1於1996年推出,是第一版的CSS規範,引入了一套基本的樣式屬性和選擇器,提供了對字型、顏色、背景、框線等基本樣式的控制。
CSS2於1998年推出,引入了更多的功能和選擇器,增強了樣式控制的能力,包括浮動、定位和層疊等特性,以及偽類和偽元素選擇器。
CSS2.1於2004年2月推出,並在2011年成為W3C推薦標準,它在CSS2的基礎上略微做了改動,刪除了許多不被瀏覽器支持的屬性,旨在反映已被廣泛實現的特性,成為廣泛支持的穩定標準。
CSS3的發展始於2001年並持續進行,它由一系列模組組成,引入了更多的選擇器、盒模型屬性、顏色和背景屬性、文本效果、過渡和動畫效果、多列布局以及媒體查詢等新特性。
從CSS3開始,CSS規範就被拆成眾多模組單獨進行升級,因此今後不會再有CSS4、CSS5這種所謂大版本號的變更,有的只是CSS某個模組級別的躍遷。CSS規範持續演進。
套用與工具
CSS可以通過內聯樣式、內部樣式表和外部樣式表三種方式添加到HTML中,其中使用外部CSS檔案是實現結構與樣式分離的推薦做法。
全球資訊網聯盟提供了CSS驗證服務用於檢查CSS的有效性,現代瀏覽器如
Chrome和
Firefox內置了開發者工具,允許查看和實時編輯頁面的CSS樣式。
為了提升開發效率,出現了CSS預處理與後處理工具,比較流行的預處理器有Sass和Less,後處理器包括PostCSS等。在CSS框架方面,Bootstrap是使用率較高的框架之一,而Tailwind CSS也成為了開發人員樂於使用的主要UI框架。
核心團隊與標準化
CSS標準的制定和維護由
全球資訊網聯盟(W3C)旗下的CSS工作組(CSS Working Group)負責,該工作組的使命是開發和維護CSS。該工作組的參與者包括Chris Lilley (W3C)、Said Abou-Hallawa (Apple Inc.)、Rakina Amni (Google LLC)、Rossen Atanassov (Microsoft Corporation)等。
出處
《計算機科學技術名詞 》第三版。