15個你必須知道的CSS常識

2021-05-22 14:09:43 字數 792 閱讀 3341

1、不要使用過小的做背景平鋪。這就是為何很多人都不用 1px 的原因,這才知曉。寬高 1px 的平鋪出乙個寬高 200px 的區域,需要 200*200=40, 000 次,占用資源。

2、無邊框。推薦的寫法是 border:none;,哈哈,我一直在用這個。border:0; 只是定義邊框寬度為零,但邊框樣式、顏色還是會被瀏覽器解析,占用資源。

3、慎用 * 萬用字元。所謂萬用字元,就是將 css 中的所有標籤均初始化,不管用的不用的,過時的先進的,一視同仁,這樣,大大的占用資源。要有選擇的初始化標籤。

4、css 的十六進製制顏色**縮寫。習慣了縮寫及小寫,這才知道,原來不是推薦的寫法,為的是減少解析所占用的資源。但同時會增加檔案體積。孰優孰劣,有待仔細考證。

5、樣式放頭上,指令碼放腳下。不內嵌,只外鏈。

6、堅決不用 css 表示式。

7、使用 引用樣式表,而不是通過 @import 匯入。

8、一般來說,png 比 gif 要小,小得多。再者,gif 中有多少顏色是被浪費的,很值得優化。

9、千萬不要在 html 中縮放,一者不好看,二者佔資源。

10、正文本型最好用偶數,12px、14px、16px,效果非常好。特例,15px。

11、block、ul、ol 等上下留出至少一倍行距,左側至少兩倍行距,右側隨意。

12、段落之間,至少要有一倍行距。

13、強行指定某些元素的 line-height,正文 1.6 倍於文字大小,標題 1.3 倍。

14、中文標點用全形。英文夾雜在中文中,左右空格,半形。

15、中文字型的粗體和斜體,遠離較好,利民利己。

你必須知道五個救命常識

你必須知道五個救命常識 有一婦女手提包被偷,裡面有手機 銀行卡 錢包等。20分鐘後,她打通了老公的 告訴自己被偷的事。老公驚呼 啊,我剛才收到你的簡訊,問咱家銀行卡的密碼,我立馬就回了!他們趕到銀行時,被告知裡面所有的錢都已被提走。小偷通過用偷來的手機傳送簡訊給 親愛的老公 而獲取了密碼,然後在短短...

你必須知道的幾個救命常識

個案1 有一婦女手提包被偷,裡面有手機 hidden 錢包等。20分鐘後,她打通了老公的 告訴自己被偷的事。老公驚呼 啊,我剛才收到你的簡訊,問咱家hidden的密碼,我立馬就回了!他們趕到銀行時,被告知裡面所有的錢都已被提走。小偷通過用偷來的手機傳送簡訊給 親愛的老公 而獲取了密碼,然後在短短20...

Date型別必須知道的常識

日期型別格式說明 d 月中的某一天。一位數的日期沒有前導零。dd 月中的某一天。一位數的日期有乙個前導零。ddd 週中某天的縮寫名稱,在 abbreviateddaynames 中定義。dddd 週中某天的完整名稱,在 daynames 中定義。m 月份數字。一位數的月份沒有前導零。mm 月份數字。...