今天我們來說一說CSS〈;危看到這想必就有人準(zhǔn)備關(guān)閉我這篇文章了仑嗅,因?yàn)樗麄冊谙耄篊SS?這么簡單的東西還拿出來寫文章张症?好吧仓技,你們有你們自己的想法,我也不能逼你來看吧俗他,給哈脖捻。
OK,我們進(jìn)入正文:
很多人意識里兆衅,CSS就是最基礎(chǔ)的地沮,最基礎(chǔ)的就是最簡單的。我認(rèn)為這種觀念是錯(cuò)誤的羡亩。我個(gè)人感覺HTML總比CSS的難度低的多了吧摩疑,你能將一個(gè)頁面的組織結(jié)構(gòu)寫出來這很容易,但是你想將這個(gè)頁面布置的美觀畏铆,那就可不是那么簡單的事了雷袋。
這里還是要推薦下小編的web前端學(xué)習(xí) 群 : 687958461,不管你是小白還是大牛辞居,小編我都?xì)g迎楷怒,不定期分享干貨蛋勺,包括 小編自己整理的一 份最新的web前端資料和0基礎(chǔ)入門教程,歡迎初學(xué)和進(jìn) 階中的小伙伴鸠删。在不忙的時(shí)間我會(huì)給大家解惑抱完。
我們就拿蓋房子(咳咳!理想很美好冶共,現(xiàn)實(shí)很殘酷乾蛤,蓋房子還是從我的世界來說吧)來比喻:
玩過我的世界的人都知道游戲中有個(gè)上帝模式每界;這個(gè)模式里你可以使用任何道具捅僵,也就事詮釋了這個(gè)模式:上帝(開G)。很多人在這里面蓋過房子眨层,有些人的房子就是隨意搭建庙楚,也有些人追求完美。但是造一個(gè)房子來說趴樱,也只是小事馒闷,想把這個(gè)房子造的美觀大氣,這就得花費(fèi)大量的精力了叁征。
很多人會(huì)感覺自己的CSS已經(jīng)很熟練了纳账,甚至精通,但其實(shí)捺疼,很多人還只是對CSS只是一知半解疏虫,要想寫出優(yōu)質(zhì)的CSS代碼其實(shí)也很難。
還有一個(gè)觀念就是:CSS的難度很低啤呼,我會(huì)JS了卧秘,那我就會(huì)CSS了,但是我會(huì)CSS官扣,并不一定會(huì)JS翅敌。但其實(shí)這樣的觀念也是不準(zhǔn)確的。CSS的代碼看上去就是一些選擇器然后加上屬性及屬性值惕蹄,但其實(shí)蚯涮,不管是選擇器還是CSS的屬性都還有很多可以去探究的。
CSS 的選擇器的難點(diǎn)更在于抽象思維卖陵。大多數(shù)人會(huì)覺得選擇器無非是聲明了一系列的樣式 遭顶。實(shí)際上,在真正的開發(fā)中赶促,CSS并不是單獨(dú)的液肌,你還需要寫 HTML 生成 樣式 對應(yīng)的 DOM 結(jié)構(gòu)。更難的是鸥滨,真正的網(wǎng)站嗦哆,網(wǎng)頁都是動(dòng)態(tài)展示的谤祖,你還需要去維護(hù)這一系列的樣式,然后現(xiàn)在網(wǎng)頁的動(dòng)態(tài)性愈發(fā)增加老速,維護(hù)的難度也就隨之上升粥喜。不同的樣式代碼可以做出一樣的效果,但是維護(hù)程度可就天差地別了橘券,然而完成這樣的任務(wù)就是在考驗(yàn)前端的抽象思維能力额湘。
然后就是CSS的屬性。CSS屬性的難點(diǎn)在于復(fù)雜旁舰;因?yàn)槊總€(gè)屬性之間并不是正交的锋华,很多屬性之間會(huì)相互的影響,產(chǎn)生很多意想不到的效果箭窜。然而當(dāng)細(xì)致了解了文檔流/上下文/盒模型等概念之后毯焕,才會(huì)覺得這些特征其實(shí)是情理之中的。但是關(guān)于如何去掌握這些知識磺樱,我也沒發(fā)現(xiàn)什么很好的書籍等等纳猫。之前有一本《CSS權(quán)威指南》,到現(xiàn)在卻是落后了竹捉,因?yàn)樗锩娌]有最新的CSS3的知識芜辕。然后就還有各個(gè)瀏覽器對這些屬性的兼容問題。每個(gè)瀏覽器內(nèi)核都是不一樣的块差,對于代碼的解析也是會(huì)產(chǎn)生差異的侵续,可能你在火狐、谷歌上能夠?qū)崿F(xiàn)的效果憾儒,在IE上就實(shí)現(xiàn)不了询兴。
所以,請認(rèn)真對待每一條CSS代碼起趾!既然它會(huì)出現(xiàn)就有它的意義诗舰。