css的十個不要,我卻佔了九個

2021-08-01 02:52:56 字數 1129 閱讀 2856

在我求教別人樣式問題的時候,別人說的最多的一句就是——我*你這是寫的啥!

今天在社群看到一篇寫css十個不要的問題,覺得羞愧,拿出來與大家分享。

1、不要濫用類。

我回頭看看之前寫的**,只要是個div就加乙個class,只要是個有樣式的標籤,就加個class,id名更不用說了。後來我會用了css選擇器,各種》、+、nth-child(1)...各種加,以至於後來的同事看我的**,都是一臉佩(嫌)服(棄)的表情。

2、不要把一切都扔進乙個css檔案中

區分css使**更容易管理。這個確實有幫助到我。

3、不要命名選擇器為「.red-with-green-dashed-lines」(紅綠虛線)

我最常用的就是這個,什麼頭部左邊(header-left)、頭部右邊(header-right),還有就是class-30、class-red....

4、不要忘記注釋

一開始我寫**從來不寫注釋,因為我覺得我寫的我都能看懂,後來有一些我自己也看不懂了,再後來,我記得在**後面加注釋了,但是只會加一行或者是我看得懂的注釋,並沒有什麼亂用。

5、不要害怕開發工具

每個瀏覽器都有自己的f12,我經常用的就是谷歌,感覺一換瀏覽器,我就沒法除錯了。

6、不要害怕覆蓋

現在做的專案,是套用了餓了麼的ui框架和muse的ui框架,他並不是完全符合設計圖的要求,所以,每當這個時候,我就比較苦惱,因為這種框架的東西,確實是牽一髮而動全身的,尤其是這些巨大的框架的更新,往往會引起很大的變動。

7、不要濫用,很重要!

css的整體思路是,從乙個到另乙個地「層疊「樣式。重要是要記住排雷一樣地踏遍所有早先的樣式!

8、不要使用大量網路字型

這也是顯而易見的,但有時候喜歡自己排版,只在**上使用乙個或者兩個網路字型,然後回歸到瀏覽器的預設設定,以保持**的優化。

9、不要手動編碼所有的css

餓了麼的住色調是藍色,而我們的網頁是黃色,幾乎所有的樣式都需要重新改,所以餓了麼提供了一套更改方案。用起來特別順手。

10、不要讓css過於臃腫

空格會占用css檔案的空間,所以有必要對css檔案進行壓縮打包,我們的專案也是這麼做的。哈哈哈~

以上。敲**需進步,要看清自己,看清自己的**,跟優秀的人多交流。

希望大家有則改之,無則加勉。

人生的十個不要

一不要等到想要得到愛時才學會付出 人生就像一場戲,在等待中錯過了美麗。正如歌中所唱 該出手時就出手。因為幸福就在你身邊。當你付出時,愛以從你身邊輕輕劃過,留下的是悔恨 遺憾。二不要等到孤單時才想念起你的朋友 什麼是朋友?真正的朋友永遠不會離棄你。人生得一知己足矣,孤獨時 彷徨時,朋友是你最忠實的聽眾...

人生的十個不要等

這是 一不要等到想要得到愛時才學會付出 人生就像一場戲,在等待中錯過了美麗。正如歌中所唱 該出手時就出手。因為幸福就在你身邊。當你付出時,愛以從你身邊輕輕劃過,留下的是悔恨 遺憾。二不要等到孤單時才想念起你的朋友 什麼是朋友?真正的朋友永遠不會離棄你。人生得一知己足矣,孤獨時 彷徨時,朋友是你最忠實...

人生的十個不要等

一 不要等到想要得到愛時才學會付出 人生 就像一場戲,在 等待 中 錯過 了 美麗 正如歌中所唱 該出手時就出手。因為 幸福 就在你身邊。當你付出時,愛以從你身邊輕輕劃過,留下的是悔恨 遺憾 二 不要等到 孤單時才 想念起你的 朋友什麼是朋友?真正的朋友永遠不會離棄你。人生得一 知己 足矣,孤獨時 ...