p+css的15個css重則
導語:p+css是網頁編寫中必不可少的一部分,那麼,p+css有哪些重要的規則呢?下面由本站小編為大家整理了p+css的15個css重則,希望能幫到你。
p+CSS最重要的優勢之一:保持視覺的一致性;以往表格嵌套的製作方法,會使得頁面與頁面,或者區域與區域之間的顯示效果會有偏差。而使用p+CSS的製作方法,將所有頁面,或所有區域統一用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、中文字體的粗體和斜體,遠離較好,利民利己。
-
JavaScript數組去重的四種方法
javascript數組去重方法彙總ue1=function(){varn=[];//一個新的臨時數組for(vari=0;i<th;i++)//遍歷當前數組{//如果當前數組的第i已經保存進了臨時數組,那麼跳過,//否則把當前項push到臨時數組裏面if(xOf(this[i])==-1)(this[i]);}returnn;};ue2=function(){var...
-
javascript設置創建動態表格的方法
兩種JavaScript動態創建table表格的方法,分享給大家,具體實現如下方法一:最原始的方法,創建一一元素vara1=teElement("table");vara2=teElement("tbody");vara3=teElement("tr");vara4=teElement("td");//開始appendchild()追加各個元素ndChild(a4);ndChild(a3);nd...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...