1分鐘 CSS 簡(jiǎn)史

CSS 是 Cascading Style Sheets 的簡(jiǎn)稱校仑,中文名:層疊樣式表。

CSS標(biāo)準(zhǔn)官網(wǎng): https://www.w3.org/Style/CSS/Overview.en.html

從HTML被發(fā)明的90年代初畦娄,樣式表就以各種形式出現(xiàn)了实抡。瀏覽器用戶可以使用這些樣式語(yǔ)言來調(diào)節(jié)網(wǎng)頁(yè)的顯示方式抡笼。一開始樣式表是給用戶使用的,用戶自己決定網(wǎng)頁(yè)應(yīng)該怎樣被顯示甜奄。

1994年

Tim Berners-Lee 牽頭成立了W3C(萬(wàn)維網(wǎng)聯(lián)盟)

同H?kon W Lie (哈肯·維姆·萊)提出層疊HTML樣式表(Cascading HTML Style Sheet柠横,CHSS,簡(jiǎn)稱CSS)概念课兄,并在一次會(huì)議上進(jìn)行展示牍氛。

1996年

H?kon W Lie 與 Gijsbert Bos 再次展示這個(gè)建議。當(dāng)時(shí) W3C 剛剛成立烟阐,對(duì)CSS表現(xiàn)出了興趣并組織了一次討論會(huì)搬俊。

年底,CSS完成蜒茄。H?kon W Lie 與 Gijsbert Bos 發(fā)布了CSS規(guī)范的第一個(gè)版本唉擂。當(dāng)時(shí)的瀏覽器核心架構(gòu)并不適合解析CSS 語(yǔ)法,并且網(wǎng)頁(yè)設(shè)計(jì)師為了達(dá)到設(shè)計(jì)效果濫用HTML標(biāo)簽檀葛,甚至出現(xiàn)了“標(biāo)簽湯”(tagsoup)的罵名玩祟,也導(dǎo)致CSS并未立刻成為主流。

1996年

出現(xiàn)了與CSS很相似的表現(xiàn)指明語(yǔ)言(Presentation Specification Language屿聋,簡(jiǎn)稱 PSL 96)空扎,PSL 96 支持條件判斷等語(yǔ)句藏鹊,比CHSS更動(dòng)態(tài)靈活,但未受到標(biāo)準(zhǔn)的青睞转锈。

1997年

W3C 成了轉(zhuǎn)默認(rèn)負(fù)責(zé)CSS 的工作組盘寡。

1998年

5月,CSS2 發(fā)布撮慨。

瀏覽器大戰(zhàn)正如火如荼竿痰,但網(wǎng)頁(yè)開發(fā)者深受瀏覽器標(biāo)準(zhǔn)不統(tǒng)一的困擾,為此民間團(tuán)體:“網(wǎng)頁(yè)標(biāo)準(zhǔn)計(jì)劃(WaSP)”成立砌溺,該組織發(fā)動(dòng)水軍推廣W3C的標(biāo)準(zhǔn)菇曲,并對(duì)未加盟W3C標(biāo)準(zhǔn)的瀏覽器廠商進(jìn)行批評(píng)。

“網(wǎng)頁(yè)標(biāo)準(zhǔn)計(jì)劃(WaSP)”的7為成員成立了“CSS武士團(tuán)(CSS Samurai)”抚吠,指出各家瀏覽器在CSS方面的問題。

CSS2.1 發(fā)布弟胀。

2003年

Dave Shea 推出一個(gè)名為“CSS禪意花園(CSS Zen Garden)”的網(wǎng)站楷力,展示在不修改HTML的情況下,僅通過CSS就可以讓網(wǎng)頁(yè)煥然一新孵户,對(duì)CSS的推廣產(chǎn)生了巨大的助推作用萧朝。

從 2006年到2009年,“div+css”的布局方式逐漸取代傳統(tǒng)的表格布局夏哭,但同時(shí)也出現(xiàn)了濫用div布局的情況检柬。

2011年

CSS3 發(fā)布。發(fā)布時(shí)竖配,標(biāo)準(zhǔn)為制定完整何址,所以后面幾年還在不斷補(bǔ)充。

9月进胯,W3C 開始設(shè)計(jì)CSS4用爪。

CSS標(biāo)準(zhǔn)的采納過程一直比較緩慢,與JavaScript不同胁镐,CSS標(biāo)準(zhǔn)的強(qiáng)制性不高偎血,即使出問題影響也不大,并且CSS繁多復(fù)雜的規(guī)則讓CSS的解釋器實(shí)現(xiàn)變得困難盯漂,瀏覽器廠商沒有足夠的動(dòng)力去完全遵循CSS標(biāo)準(zhǔn)颇玷。這也導(dǎo)致了不同時(shí)期CSS的不同問題。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末就缆,一起剝皮案震驚了整個(gè)濱河市帖渠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌违崇,老刑警劉巖阿弃,帶你破解...
    沈念sama閱讀 222,807評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件诊霹,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡渣淳,警方通過查閱死者的電腦和手機(jī)脾还,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來入愧,“玉大人鄙漏,你說我怎么就攤上這事」字耄” “怎么了怔蚌?”我有些...
    開封第一講書人閱讀 169,589評(píng)論 0 363
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)旁赊。 經(jīng)常有香客問我桦踊,道長(zhǎng),這世上最難降的妖魔是什么终畅? 我笑而不...
    開封第一講書人閱讀 60,188評(píng)論 1 300
  • 正文 為了忘掉前任籍胯,我火速辦了婚禮,結(jié)果婚禮上离福,老公的妹妹穿的比我還像新娘杖狼。我一直安慰自己,他們只是感情好妖爷,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,185評(píng)論 6 398
  • 文/花漫 我一把揭開白布蝶涩。 她就那樣靜靜地躺著,像睡著了一般絮识。 火紅的嫁衣襯著肌膚如雪绿聘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,785評(píng)論 1 314
  • 那天次舌,我揣著相機(jī)與錄音斜友,去河邊找鬼。 笑死垃它,一個(gè)胖子當(dāng)著我的面吹牛鲜屏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播国拇,決...
    沈念sama閱讀 41,220評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼洛史,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了酱吝?” 一聲冷哼從身側(cè)響起也殖,我...
    開封第一講書人閱讀 40,167評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后忆嗜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體己儒,經(jīng)...
    沈念sama閱讀 46,698評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,767評(píng)論 3 343
  • 正文 我和宋清朗相戀三年捆毫,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了闪湾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,912評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡绩卤,死狀恐怖途样,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情濒憋,我是刑警寧澤何暇,帶...
    沈念sama閱讀 36,572評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站凛驮,受9級(jí)特大地震影響裆站,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜黔夭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,254評(píng)論 3 336
  • 文/蒙蒙 一遏插、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧纠修,春花似錦、人聲如沸厂僧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)颜屠。三九已至辰妙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間甫窟,已是汗流浹背密浑。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評(píng)論 1 274
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留粗井,地道東北人尔破。 一個(gè)月前我還...
    沈念sama閱讀 49,359評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像浇衬,于是被迫代替她去往敵國(guó)和親懒构。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,922評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容