CSS新手整理的CSS技巧

來源:互聯網
上載者:User
關鍵字 網頁製作 CSS教程

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、中文字體的粗體和斜體,遠離較好,利民利己。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.