CSS（Cascading Style Sheets），中文名為層疊樣式表，是一種用于定義HTML頁面展示方式的樣式表語言。CSS的出現(xiàn)，標(biāo)志著Web頁面樣式設(shè)計和Web頁面內(nèi)容分離實現(xiàn)的重大進(jìn)展。以下是CSS的簡史。

/*
CSS簡史
*/
/*
1994年之前，Web頁面的展示沒有統(tǒng)一的協(xié)議，每個人都可以隨便定義標(biāo)簽和屬性。使用起來混亂不堪。
1994年，H?kon Wium Lie和Bert Bos開發(fā)了CSS規(guī)范的雛形，稱為“Cascade Style Sheets”。
1996年，CSS1發(fā)布，標(biāo)準(zhǔn)化了CSS的基本語法，可實現(xiàn)基本的頁面布局和文字樣式定義。
1998年，CSS2發(fā)布，增加了偽類、偽元素、媒體查詢等功能，可實現(xiàn)更復(fù)雜的頁面效果。
2000年，CSS3開始規(guī)劃，但所有模塊并未同時開發(fā)完畢，需要逐步發(fā)布。
2012年，CSS4開始規(guī)劃，但迄今未有集成標(biāo)準(zhǔn)發(fā)布。CSS4模塊化的思想已經(jīng)得到了廣泛認(rèn)同。
*/

CSS在Web前端開發(fā)中，起著至關(guān)重要的作用。其中最基礎(chǔ)的，就是頁面布局。

/*
常用的頁面布局方式
*/
/*
一：浮動布局（float）
特點：基于盒子模型，盒子可以浮動到其他位置。常用于二欄、三欄式布局。
*/
/*
二：定位布局（position）
特點：盒子可以指定位置，可以與其他元素重疊。常用于輪播圖、彈窗等場景。
*/
/*
三：Flexbox布局（display: flex）
特點：基于父盒子的主軸和側(cè)軸，可以實現(xiàn)靈活布局。常用于導(dǎo)航、響應(yīng)式頁面。
*/
/*
四：Grid布局（display: grid）
特點：將網(wǎng)頁劃分成行與列，靈活控制元素在行和列中的定位。常用于復(fù)雜網(wǎng)站頁面的布局。
*/
/*
五：表格布局（table）
特點：將元素以表格形式進(jìn)行排布，可以實現(xiàn)復(fù)雜的布局。但需要注意語義性的問題。
*/

以上是CSS的簡史及常見頁面布局方式的介紹。對于頁面布局，還有很多需要注意的地方，需要持續(xù)學(xué)習(xí)和優(yōu)化。加油，Web前端工程師！