如果網(wǎng)頁沒有css是一種什么樣的體驗(yàn)?
網(wǎng)友解答: 在很久很久以前,你認(rèn)識的網(wǎng)站其實(shí)是長這個樣子的。(1994 年的雅虎)(1994 年的雅虎)(1995 年的亞馬遜)(1995 年的亞馬遜)(1996 年的白宮)(1996
(1994 年的雅虎)
(1995 年的亞馬遜)
(1995 年的亞馬遜)
(1996 年的白宮)
(1996 年的白宮
)(1998 年的谷歌)
(1998 年的谷歌)1996 年以前,CSS 還未被瀏覽器所支持。大約 04 年以前,互聯(lián)網(wǎng)的前端是被 table 布局所占據(jù)。后來 CSS 布局逐步取代了 table 。如果這個世界沒有 CSS 等一系列框架會怎么樣呢?CSS 發(fā)展到現(xiàn)今,極大的簡化了網(wǎng)頁中的代碼冗余,改變設(shè)計(jì)思維與代碼習(xí)慣。舉個例子:一個圓角 border-radius 屬性,即便在 CSS 2 的那個時(shí)代,都要通過一小段代碼實(shí)現(xiàn)。一個 box-shadow 更是在曾經(jīng)需要一大段復(fù)雜代碼實(shí)現(xiàn)。如果沒有 CSS , 很多網(wǎng)站依然可以做的很漂亮、很有設(shè)計(jì)感,甚至可以做到今天你所看見的樣子。然而大多數(shù)的網(wǎng)站將變得很簡陋、甚至丑陋。因?yàn)閱渭兊囊揽恐嫉亩x標(biāo)簽,將會使得網(wǎng)頁的代碼量不斷上升,也就意味著我們打開一個網(wǎng)頁將消耗更多的網(wǎng)速與資源。不論在開發(fā)設(shè)計(jì)還是后期的運(yùn)營維護(hù),也將會消耗更多的時(shí)間、精力。一個簡單的樣式修改,可能耗時(shí)為現(xiàn)在的數(shù)倍、數(shù)十倍。思考模式將會與現(xiàn)在不同,如果在 CSS 下進(jìn)行前端開發(fā)是面向?qū)ο蟮模敲慈绻麤]有 CSS 這類框架的話,很可能就是面向過程的思維模式了。而且,可能會有 HTML 5 但應(yīng)該很難有輕應(yīng)用的 web APP 了。當(dāng)然,世界是不可能沒有 CSS 的,即便是換個名字,它仍然會出現(xiàn)。因?yàn)椴粩嘧非?,提高質(zhì)量,是人類發(fā)展的原動力 網(wǎng)友解答:首先我們的理清網(wǎng)頁是由HTML+CSS+JS三部分組成。在現(xiàn)在來說可以說是缺一不可,打個比方:HTML就像人的骨架,而CSS就如同人的血液、皮膚、毛發(fā)等等,JS如同人的各種動作。想象一下,缺少了CSS就如同人缺少了什么,這樣的人還存在嗎?同樣,一個網(wǎng)頁沒有了CSS,用戶體驗(yàn)就非常的差,會讓人覺得很不舒服。
這個表單沒有CSS看上去還是有序的,你依然能看得出是個表單。但是對于大型網(wǎng)站,圖片又需求量又大的網(wǎng)站又如何呢?我們一起來對比看一下。
看看某寶少了CSS后的效果圖:
再看看某寶有了CSS后的效果圖
對于看了以上有無CSS的某寶網(wǎng)頁,你有何感受呢?