首頁 > web前端 > css教學 > 主體

CSS新手整理的有關CSS使用技巧

巴扎黑
發布: 2017-03-18 14:05:41
原創
1115 人瀏覽過

[導讀]  1、不要使用過小的圖片做背景平鋪。這就是為何很多人都不用 1px 的原因,這才知道。寬高 1px 的圖片平鋪出一個寬高 200px 的區域,需要 200*200=40, 000 次,佔用資源。  2、無邊框。建議的寫法是

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

以上是CSS新手整理的有關CSS使用技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板