串聯樣式表

串聯樣式表

串聯樣式表(Cascading Style Sheets,常簡寫為CSS)是2018年全國科學技術名詞審定委員會公布的計算機科學技術名詞,屬於樣式表語言的一種。其主要功能為描述用標記語言編寫的文檔的外觀與格式,通過將樣式信息與文檔內容分離,幫助實現用HTML等語言編寫的文檔在不同瀏覽器上呈現一致的風格。其名稱中的“層疊”(Cascading)意味著樣式規則可按特定優先權順序疊加套用。除了控制文本、顏色、布局等基本樣式外,CSS還能用於實現回響式設計、動畫效果以及複雜的頁面布局。

CSS規範由全球資訊網聯盟(W3C)的CSS工作組維護和發展。早期的規範以版本形式發布(如CSS1、CSS2.1)。目前,CSS3已被大部分現代瀏覽器支持,其後的規範發展不再採用統一的版本號(如CSS4),而是轉變為獨立的模組化發展模式,各模組可單獨升級。近年來,CSS引入了眾多新特性,如彈性盒子布局(Flexbox)、格線布局(Grid)、自定義屬性(變數)、容器查詢以及原生嵌套語法等,持續增強其樣式定義和布局能力。

基本介紹

  • 中文名:串聯樣式表
  • 外文名:cascading style sheets
  • 所屬學科:計算機科學技術
  • 公布時間:2018年
  • 別名:CSS、層疊樣式表、層級樣式表
定義,發展歷程,工作原理與核心概念,版本歷史,套用與工具,核心團隊與標準化,出處,

定義

一種樣式表語言。用以描述用標記語言編寫的文檔的外觀和格式,使得用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)等。

出處

《計算機科學技術名詞 》第三版。

相關詞條

熱門詞條

聯絡我們