如果你電腦差點，十幾年前的電腦經常能夠體驗到，開啟網頁或者重新整理時偶爾會出現CSS載入失敗，你會看到所有內容從上到下排列，醜得嚇人，而且沒有一點層次，就像一堆垃圾一樣堆在那裡。其實CSS在網頁中就是佈局和美化的功能。

奇怪了，早年沒有CSS，但是有style啊，1998年那會兒，我們都在用沒有CSS的網頁，並不突兀，也不難看。沒有CSS天會塌下來嗎？雖然一切會變得更復雜，但是不代表不能搞，要在定義每個HTML元素的時候加上style屬性，網頁的原始碼會很囉嗦。。。

不是說有了CSS才有了網頁的佈局，而是CSS帶來了幾個好處：第一是定義好的樣式可以複用，只要引用正確的CSS，網頁的元素元件就可以透過指定class或者標籤來具備正確的樣式。第二是層級化定義，即父元素定義好後，子元素可以追加定義，這樣讓網頁元件的佈局與顯示更加靈活。第三是讓網頁的邏輯與呈現剝解耦合，開發起來更加方便。。。

css稱為成疊樣式，主要用於控制DOM元素之間的樣式，定位等屬性。如果網頁沒有css樣式，將無法根據UI設計師提供的介面效果作出呈現。

首先給你簡單科普一波靜態網頁的構成。

一個基本的html頁面，基本上會有html+css+javascript。這些讀書的時候老師都是從這方面開始教起。css作為這3個基本點中的一點，如果去掉，是不是就是不完整了？

這就是css直接的體現。所以一個網頁css肯定不行。任何事情存在即合理。當然了，這還是隻是簡單的靜態頁面。複雜點就需要和後端配合了。

對於程式開發，離不開前後端配合，咋們在補充自身能力，知識儲備的時候，要考慮多方面發展。不要僅僅侷限某一塊，各方面會點，更有利於工作，直接影響就是工資的漲幅。

早期只有html，做出的網頁也能很精美。使用html完成外觀表現。後來出現css後，相當長時間依然以html為主，css用的很少。

2004年開始有人宣傳用css來做網頁外觀，之後逐步變成以css外觀為主。

css比html能實現更多外觀樣式。如果用html實現全部樣式就會導致html標籤過多。

完全不用css的網頁一樣能在手機平板上顯示正常。

使用css主要推薦各種功能分離的思想，之前狂熱的web標準xhtml和功能分離思想，也被html5和ng，vue，react取代

一群外行，沒css以前都是表格定位，也有圖片背景，跟現在你看到的網頁沒啥區別！不是外行們想象的只剩下亂七八糟的文字。

只是現在css方便控制整站風格！

就是你物件在你面前不動，有了css就是你的物件在你面前跳舞唱歌 沒有css就是一張畫 有了css就是動了起來 -------------------河南新華

css是網頁樣式，如果沒有它，網頁就沒有任何所謂的框架樣式啦，不過早期沒用css那會，table寫的也還行

01前言

沒有CSS的網頁會怎樣？看到這個話題，就想扯皮子一下，大開殺戒吹吹牛。沒有CSS的網頁是不是以裸體呈現給大家暱？下面我們先看看沒有CSS的“裸體”：

這幾張圖片都是熱門網址的“裸體”，是不是感覺好不習慣，下面我們展開聊一聊CSS。

Cascading Style Sheets簡稱“CSS”，它是一種編碼語言，為網站提供外觀和佈局。與HTML一起，CSS是網頁設計的基礎。沒有它，網站仍然是白色背景上的純文字。

在全球資訊網聯盟（W3C）於1996年開發CSS之前，網頁的形式和功能都非常有限。早期的瀏覽器將頁面顯示為超文字或純文字，影象和指向其他超文字頁面的連結。根本沒有佈局可言，只有在單個列中跨頁面執行的段落。

CSS允許對網頁佈局進行多項創新，例如能夠：

指定瀏覽器的預設字型以外的字型

指定文字和連結的顏色和大小

將顏色應用於背景

在框中包含網頁元素並將這些框浮動到頁面上的特定位置

他們將“風格”放在樣式表中，並且第一次可以設計網頁

過了一下概念，憑空想象一下，沒有了CSS是不是讓人很心煩，所有的網頁看起來都是黑白相間。

假設其它的web技術依然健在，加上人對UI的追求是不變的。

那麼我們的網頁很有可能會經歷下面的階段：

一夜之間所有的css都無法呼叫了，那麼大多數的網頁都會變成本答案下貼的各種網頁的截圖。除了flash做的網頁和cavans做的網頁遊戲。然後，想必這時候客服的電話已經打爆了，使用者一臉懵逼，老闆怒髮衝冠。一大堆前端正在排隊等候猝死。但是一部分前端開始使用其他的技術來構建網頁的樣式。

可能會出現利用js呼叫dom構建樣式，多半會出現一個什麼工具把原來的css轉換為js控制dom的程式碼。

然後有的人開始覺得，反正都要用js來構建樣式了，我幹嘛不用cavans，還能想畫什麼畫什麼，或者又有一小部分人開始使用webGL，又或者three.js大為火爆，前端開始要求設計師設計出3D UI。

最後，我們看到的網頁的樣式，依然會穩定在我們現在看到的樣子，持續一步一步進化中。不同的是，因為工作量的上升，又會出現一堆幫助你構建網頁樣式的前端框架。css並不是唯一構建網頁樣式的工具。只是目前最好，最快的樣式框架變成了其它，比如命名為“鴻天”。技術的發展始終追尋著需求的腳步，突然之間少了某個技術，也會很快有其他的技術取而代之。某個技術的真正死亡，從來都是因為需求變化了~

首先這是一個很傻很天真的問題！

如果絕對的要說一個網頁沒有CSS行不行，答案肯定是可以的！但這種情況猶如做菜不放鹽、照相不開美顏一樣是無法被接受的！

首頁要搞清楚構成一個網頁必不可少的三個部分：

超文字標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的標準標記語言。

HTML是執行在瀏覽器上，由瀏覽器來解析。它是構建一個網頁的基礎，猶如一座高樓大廈的框架一般，支撐著整個網頁的結構，這也是編寫一個網頁首先要做的工作！

層疊樣式表(Cascading Style Sheets，縮寫為 CSS）是一種樣式語言，用於修飾、渲染HTML元素的。

其作用猶如畫龍點睛一般，比如為什麼現在廣大女性朋友照相必須開美顏、喜歡穿好看的衣服，做菜需要放一些老抽調色，買到手的新房需要裝修是一個道理的，它沒有改變修飾主體的本質內容，而是對其進行了昇華！

JavaScript是一種指令碼語言,已經被廣泛用於Web應用開發,常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是透過嵌入在HTML中來實現自身的功能的。

舉例來說：用HTML、CSS做出來的網頁是靜態的（只能看，不會與使用者產生互動行為）。

如果還是感覺到有些困惑，我花了好久的時間找到了一張圖，這張圖可以很好地詮釋它們之間的關係！