即使在提姆·伯納斯·李最瘋狂的夢想中，他也沒有想過網頁設計的演變會是什麼樣子。多年來 它根據市場需求進行更新，並不斷添加 HTML 和 CSS 語言的新功能。
我們已經從純文字發展到適應任。我們要不要一路回顧一下？
目錄
有表格的佈局方案
此外，樣式註入只能內聯完成，這會導致大量程式碼，並且必須為每個元素重複所有樣式屬性。直到 1998 年 CSS 出現，內容才開始與表現分離。從那裡開始，內容的創建和更改將以更結構化且易於人眼解釋 加拿大電報手機號碼列表 的方式完成。讓我們來看一個例子：
<p class="paragraph_style">這是第三段</p>
呈現的樣式 ( paragraph_style ) 將在 CSS 樣式表中定義，因此只需將需要它的元素連結到其樣式即可。這將大大減少修改時間並使程式碼更易於閱讀。
FLOAT的發明
隨著浮動屬性的出現，我們開始在右側和左側放置浮動元素。它是模仿編輯佈局而產生的，其中圖像可能已經「浮動」在文件的文字中。它也代表了對表格的改進，因為不再需要在 HTML 中進行所有先前的標記。
隨著浮動，基本網格誕生了：header、sidebar、main content和footer。當時網站已經開始更好地適應不同的螢幕解析度。
.側邊欄{
寬度：33.33%；
浮動：向左；
}
網頁設計中帶有浮動的佈局方案
使用 Float 進行佈局的範例
CSS 已經建立，但是網站的結果根據您造訪的瀏覽器的不同而有很大不同。事實上，花了幾年的時間，每個瀏覽器中的說明和查看樣式的方式才變得有些同質化。
這種情況至今仍然存在。CanIUse工具可協助我們根據瀏覽器及其版本檢查允許或實作哪些 CSS 指令。
如果您開始設計網站，原型設計可能非常有用。
Flexbox，革命
隨著多種顯示設備（智慧型手機、平板電腦、筆記型電腦...）的出現，浮動變得不夠。網路需要更加靈活，並以智慧的方式適應所有這些新的解決方案。這就是Flexbox被開發的原因，這是一場革命。內容動態適應其所在的螢幕，無需事先定義固定大小。