今天在改版乙個中型**時,老闆總覺得打的不流暢,再乙個顯示的順序不一樣,其它的都顯示出來了,定義在css裡的還沒有顯示出來:
1、當開啟乙個站點時,先執行html裡的,然後在執行css裡的背景。
2、在布局時常用div,而很少直接放內容。
3、最好把css裡的小圖寫成乙個檔案,一次性出去出來。
4、div是按順序讀取的。如果是三排div布局想先顯示中間的要用padding-left把第左div和右div排其後。
5、如果總覺得自己的排版時,在定義字型後總覺得不夠漂亮,不妨試試letter-spacing:0.5px。
6、在布局時盡量在html中用,而不要把過多的寫在css做背景。
7、改可能少的div多層巢狀或大div巢狀小div,這樣會先執行裡面小的執行外面大的,最後才顯示出來,會加長顯示時間。
所謂高效的css就是讓瀏覽器在查詢style匹配的元素的時候盡量進行少的查詢,下面列出一些我們常見的寫css犯一些低效錯誤:
1、不要在id選擇器前使用標籤名
一般寫法:div#divbox
更好寫法:#divbox
解釋:因為id選擇器是唯一的,加上div反而增加不必要的css匹配。
2、不要在class選擇器前使用標籤名
一般寫法:span.red
更好寫法:.red
解釋:同第一條,但如果你定義了多個.red,而且在不同的元素下是樣式不一樣,則不能去掉,比如你css檔案中定義如下:
p.red
span.red
如果是這樣定義的就不要去掉,去掉後就會混淆,不過建議最好不要這樣寫
3、盡量少使用層級關係
一般寫法:#divboxp.red
更好寫法:.red
4、使用class代替層級關係
一般寫法:#divboxullia
更好寫法:.block
5、在css渲染效率中id和class的效率是基本相當的
class最在第一次載入中被快取,在層疊中會有更加好的效果,在根部元素採用id會具有更加好(id有微妙的速度優勢)。
所有瀏覽器 通用 height: 100px;
ie6 專用 _height: 100px;
ie6 專用 *height: 100px;
ie7 專用 *+height: 100px;
ie7、ff 共用 height: 100px !important;
div+css的設計中有幾點誤區,尤其應該澄清:
1、div+css的合理之處在於可以進行網頁的統一設計管理,通過乙個樣式表,牽一髮而動全身,只要修改樣式表,就可以統一全站的風格,如果為一 個頁面單獨做乙個樣式表,或者乙個div就做乙個樣式表,沒有全域性設計觀念,那麼這個div+css的設計方式就完全沒有必要,甚至成了累贅;
2、像table一樣用div+css,無窮盡的巢狀,其效果與table設計沒有兩樣,並不會帶來搜尋引擎的優化效果,反而會增加頁面的負擔;
3、推崇div+css,卻不考慮相容性,table設計由來已久,得到瀏覽器的廣泛支援,所以顯示效果很好,不會出現錯位情況,但是 div+css卻在部分瀏覽器中會發生頁面錯位的情況,因此在進行設計的時候也要考慮到不同瀏覽器的情況,進行更改和除錯。
當然div+css有其固有的優點:
1、標準化的頁面結構;
2、有利於統一設計管理;
3、可以得到搜尋引擎良好的支援
對提高ASP執行效率的幾點看法
對提高asp執行效率的幾點看法 1 硬體問題 伺服器的設定和配置無疑是asp執行速度的最主要決定因素,但有關這方面的問題與mimi有關,無需羅嗦。2 避免在乙個頁面中是用多種指令碼語言 如 和因為如果在指令碼中混用多種指令碼語言,則伺服器不得不載入多個指令碼引擎,逐個解釋,這勢必會影響指令碼執行的效...
關於提高C語言執行效率的幾點
程式的複雜度包含時間複雜度和空間複雜度,而隨著計算機硬體的發展,漸漸放低了對空間複雜度的要求,在很多情況下,為了換取程式的執行效率,犧牲計算機的空間。比如字串的相關操作 使用快取技術等。時間複雜度更低 效率更高的演算法可以提高執行效率。乙個簡單的例子,計算1 100這些數的和,可以迴圈100次,也可...
提高程式設計效率的幾點建議
最近看了本關於提高程式設計效率的書,裡面提到了很多很好的建議,我大致整理了下部分常用的建議,在這裡分享給大家。建議的分析 就不在這裡寫了,實在太多。基礎篇 1 儘量減少物件的裝箱操作,如 string s object o s 2 盡量使用系統自帶的預設轉型方法,如 tostring 3 型別轉換用...