css建議寫法

2022-09-23 10:54:08 字數 836 閱讀 5995

定位屬性position display float left top right bottom overflow clear z-index

自身屬性width height padding border margin background

文字樣式font-family font-size font-style font-weight font-varient color

文字屬性text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow

css3 中新增屬性content box-shadow border-radius transform

.box

簡潔、高效的css

所謂高效就是讓瀏覽器查詢更少的元素標籤來確定匹配的style元素。

1.不要再id選擇器前使用標籤名

解釋:id選擇是唯一的,加上標籤名相當於畫蛇添足了,沒必要。

2.不要在類選擇器前使用標籤名

解釋:如果沒有相同的名字出現就是沒必要,但是如果存在多個相同名字的類選擇器則有必要新增標籤名防止混淆如(p.colclass 和 span.colclass

3.盡量少使用層級關係;

#divclass p.colclass改為  .colclass

4.使用類選擇器代替層級關係(如上) 

10條影響CSS渲染速度的寫法與建議

熱度 8 已有 399 次閱讀 2014 9 10 13 53 系統分類 html css 1 zishu 盡量避開 由於不同瀏覽器對html標籤的解釋有差異,所以最終的網頁效果在不同的瀏覽器中可能是不一樣的,為了消除這方面的風險,設計者通常會在css的乙個始就把所有標籤的預設屬性全部去除,以達到所...

10條影響CSS渲染速度的寫法與建議

1 zishu 盡量避開 由於不同瀏覽器對html標籤的解釋有差異,所以最終的網頁效果在不同的瀏覽器中可能是不一樣的,為了消除這方面的風險,設計者通常會在css的乙個始就把所有標籤的預設屬性全部去除,以達到所有籤標屬性值都統一的效果。所以就有了 萬用字元。會遍歷所有的標籤 建議的的解決辦法 1 不要...

css優化建議

1 不要使用過小的做背景平鋪。這就是為何很多人都不用 1px 的原因,這才知曉。寬高 1px 的平鋪出乙個寬高 200px 的區域,需要 200 200 40,000 次,占用資源。2 無邊框。推薦的寫法是 border none 哈哈,我一直在用這個。border 0 只是定義邊框寬度為零,但邊框...