国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

牛人也得看的15個CSS技巧(提高網(wǎng)頁效率)

2024-07-11 08:26:02
字體:
供稿:網(wǎng)友
而使用DIV+CSS的布局方法,將所有頁面,或所有區(qū)域統(tǒng)一用CSS文件控制,就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。

下面為大家介紹幾點注意事項,希望能有所幫助:

1、不要使用過小的圖片做背景平鋪。
這就是為何很多人都不用 1px 的原因,這才知曉。寬高 1px 的圖片平鋪出一個寬高 200px 的區(qū)域,需要 200*200=40, 000 次,占用資源。
2、無邊框。
推薦的寫法是 border:none;,哈哈,我一直在用這個。 border:0; 只是定義邊框?qū)挾葹榱悖吙驑邮健㈩伾€是會被瀏覽器解析,占用資源。
3、慎用 * 通配符。
所謂通配符,就是將 CSS 中的所有標簽均初始化,不管用的不用的,過時的先進的,一視同仁,這樣,大大的占用資源。要有選擇的初始化標簽。
4、CSS 的十六進制顏色代碼縮寫。
習(xí)慣了縮寫及小寫,這才知道,原來不是推薦的寫法,為的是減少解析所占用的資源。但同時會增加文件體積。孰優(yōu)孰劣,有待仔細考證。
5、樣式放頭上,腳本放腳下。不內(nèi)嵌,只外鏈。
6、堅決不用 CSS 表達式。
7、使用 引用樣式表,而不是通過 @import 導(dǎo)入。
8、一般來說,PNG 比 GIF 要小,小得多。再者,GIF 中有多少顏色是被浪費的,很值得優(yōu)化。
9、千萬不要在 HTML 中縮放圖片,一者不好看,二者占資源。
10、正文字體最好用偶數(shù),12px、14px、16px,效果非常好。特例,15px。
11、block、ul、ol 等上下留出至少一倍行距,左側(cè)至少兩倍行距,右側(cè)隨意。
12、段落之間,至少要有一倍行距。
13、強行指定某些元素的 line-height,正文 1.6 倍于文字大小,標題 1.3 倍。
14、中文標點用全角。英文夾雜在中文中,左右空格,半角。
15、中文字體的粗體和斜體,遠離較好,利民利己。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 佛山市| 凤冈县| 南投县| 连山| 周口市| 双城市| 延长县| 蕲春县| 乌拉特前旗| 河南省| 饶阳县| 铜陵市| 周口市| 菏泽市| 阳城县| 东港市| 江津市| 宁阳县| 桑植县| 漯河市| 满洲里市| 融水| 寻甸| 当涂县| 铜梁县| 陕西省| 绵阳市| 新蔡县| 八宿县| 泾阳县| 鄢陵县| 武邑县| 旺苍县| 黎城县| 马关县| 九江市| 望城县| 驻马店市| 犍为县| 江油市| 德清县|