如果網頁沒有 CSS 會怎麼樣？

01-05

如果沒有這個世界沒有css等一系列框架，這個世界的網頁會是什麼樣子呢

不知道你有沒有聽說過「CSS Naked Day」這個活動。參與者主要是國外的前端開發者，他們在每年 4 月 9 號，會把自己網站的 CSS 全部撤掉，以「裸體」的形式展現 HTML 內容。

這個活動的主要目的是推廣 web 標準化，通過此方式檢驗自己是正確合理地使用了 HTML 元素、信息組織的方式是否合理（因為 web 規範設計理念就考慮了可訪問性，希望讓儘可能多的終端來獲取內容，包括那些不支持 CSS 的終端）。

沒有 CSS，你可以看到的內容很接近 web 最開始的樣子。對比一下你就會感嘆，正因為瀏覽器開發者、web 規範制定者多年來的辛勤勞動，才使我們看到的 web 如此豐富。

參見：CSS naked day。

蛤蟆丑歸丑，總歸活的久

哦，記錯了，原話是烏龜丑歸丑嗎？唉，語文不好，算了，不管俗話怎麼說

我想表達的是，沒css也就丑點，沒啥大不了的。說不定還能節省一秒載入時間呢

禁用 CSS 之後，看 CSS Naked Day 的網站感覺還可以，就是界面簡樸一點

然後

我的驗證碼呢？？？

另外，剛剛看到有人說某寶裸了會怎麼樣

歪個樓，如果突然之間沒有了css，但是其他的web技術依然健在，加上人對UI的追求是不變的。那麼我們的網頁很有可能會經歷下面的階段：

假設一夜之間所有的css都無法調用了，那麼大多數的網頁都會變成本答案下貼的各種網頁的截圖。除了flash做的網頁和cavans做的網頁遊戲。
然後，想必這時候客服的電話已經打爆了，用戶一臉懵逼，老闆怒髮衝冠。一大堆前端正在排隊等候猝死。但是一部分前端開始使用其他的技術來構建網頁的樣式。
可能會出現利用js調用dom構建樣式，多半會出現一個什麼工具把原來的css轉換為js控制dom的代碼。
然後有的人開始覺得，反正都要用js來構建樣式了，我幹嘛不用cavans，還能想畫什麼畫什麼，或者又有一小部分人開始使用webGL，又或者three.js大為火爆，前端開始要求設計師設計出3D UI。

最後，我們看到的網頁的樣式，依然會穩定在我們現在看到的樣子，持續一步一步進化中。不同的是，因為工作量的上升，又會出現一堆幫助你構建網頁樣式的前端框架。

css並不是唯一構建網頁樣式的工具，只是目前最好，最快的。技術的發展始終追尋著需求的腳步，突然之間少了某個技術，也會很快有其他的技術取而代之。某個技術的真正死亡，從來都是因為需求變化了~

html 躶體

css 穿衣服

我是這麼理解的...

按F12 找到Sources標籤

左上角有個箭頭Show navigator點開來

一個個文件夾點開來找到CSS的文件夾

點擊裡面的文件然後CTRL+A把內容全刪了就能看見了

根據瀏覽器不同，可能會有略微不同。

--這裡是一個來自後端C語言開發的同學

HTML+css+javascript是一層一層組成網頁結構的...

HTML負責搭建框架結構，將網頁分層，就像將建築分層，但只有HTML的話網頁看起來是混亂的，有時候你設備舊網速卡的時候能卡出那種效果...

css負責「裝飾」，你現在看到的知乎上面的藍色條條之類的都是css所做..有了css部分整個網頁看起來就「像個東西」了...

但是到這步的話是只能看不能用的，你的「發布答案」「贊同」反對「這些按鈕都是點不下去的，沒有任何功能反饋...

javascript給這些按鈕「通電」讓你點贊同時數字變化，點拉黑時他不再bb，點發送私信的時候開始一個故事....

嗯，就這樣...

你學html的時候，第一個頁面什麼樣，自己還不清楚嘛

看看這個：亞馬遜-網上購物商城：要網購, 就來Z.cn!，大概就是這樣的吧。

沒有了css還會有其他的布局方式，比如曾經的table。

如果題主問的只是頁面沒有css會怎樣。打開你的瀏覽器，點F12打開控制台，把樣式裡面的東西勾掉，你就會發現不一樣的世界_(:з」∠)_

沒有css，只是讓人們不能更好地瀏覽網頁而已，早期頁面的樣式是通過標籤來定義的，如font, hr, big等，有些在xhtml就廢棄了，有些則被保留了下來。css的出現也經歷了幾個階段，從剛開始的基本樣式的定義，到布局的出現，再到css3的更複雜的應用如動畫效果，可以說，一門技術是隨著在業界應用領域的發展而逐步完善的。再比如css選擇器，早期只有id, class, 元素等一級選擇器，隨著頁面越來越複雜，顯然無法更好地滿足開發需求，所以又逐步出現了二級和三級，上次看規範貌似四級選擇器已經在草案階段了（表示三級還沒用全-_-||）。

我現在寫界面喜歡先寫全html，讓頁面裸奔，然後再定義css，給一個模塊一個識別選擇器，用全選擇器。

沒有css:

o-o-..

有css:

Θ..Θ

以前就是沒有CSS的呀，

沒有CSS之前都是用表格

&&&來布局的，

網頁也可以很美觀，

只是比較難改版罷了，

難道題主沒見過這樣的網頁？

深有體會，我不怎麼會前端，做出來的界面不忍直視，看著別人酷炫的界面，除了羨慕，還是羨慕，所以感覺一個網站的界面特別重要

你把手機網速調成2g強行卡網速，出來的就是沒有樣式頁面。

自己試一下咯~

Array.prototype.slice.call(document.querySelectorAll("style, link[href][rel=stylesheet]")).forEach(e =&> e.parentNode.removeChild(e));

這是一個有趣的話題。。。

199x年中期左右的網站都沒有CSS呀，那個時候排版都用TABLE或者FRAME（不含IFRAME）。

效果倒也不錯。布局、字體樣式、圖片等都有模有樣。

沒有css也可以做到幾乎一樣的網頁，只不過那可維護性嘛。。