1. 程式人生 > >CSS寫作建議和效能優化總結

CSS寫作建議和效能優化總結

今年難得遇到中秋和國慶,已經放假幾天了,我也回到家了。今天還是比較開心的,搶了比較多的紅包,嘿嘿。紅包搶完了,現在也空下來寫點部落格咯。
這裡是我從網上的一篇文章看過來的,這裡先做一點小結,之後再補充。
1.CSS渲染規則
今天在微博的一篇文章上看到的,之前我都以為渲染是從左往右渲染。發現我的想法是錯的。之所以採用從右往左的渲染規則,是因為這樣渲染的效能會比較好一點。

2.巢狀層級不要超過3級
一般情況下,元素的巢狀層級不能超過3級,過度的巢狀會導致程式碼變得臃腫,複雜,導致css檔案體積變大,造成效能浪費,影響渲染的速度

3.圖片最好要設定width和height
如果頁面有使用img標籤,那麼img很建議設定width和height。目的是為了保證在網速差的時候或者其他原因載入不出圖片的時候,保證佈局不會亂。