div css提高執行效率的幾點建議

2021-08-31 16:58:54 字數 1657 閱讀 7858

今天在改版乙個中型**時,老闆總覺得打的不流暢,再乙個顯示的順序不一樣,其它的都顯示出來了,定義在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 型別轉換用...