此頁面上的內容需要較新版本的 Adobe Flash Player。

獲取 Adobe Flash Player

網站首頁   |   關于伊維   |   網站建設   |   軟件開發   |   案例欣賞   |   配套服務   |   新聞動態   |   技術支持   |   聯系我們
  新聞動態 News
  伊維觀點
 
 
  虛擬空間 域名注冊
  優化推廣 網站推廣
  企業郵箱 短信平臺
  平面設計 定制印刷
  戶外廣告  
 
伊維互聯的成長歷程與資質
為您解答售
前的一切問題
最新客戶與公司動態
伊維互聯的
成長歷程與資質
給我們發送郵件
最新客戶與
公司動態
首頁 新聞動態 最新動態
面向對象CSS FAQ
  

在OOCSS中怎么定義“對象”?

對象類似JAVA中的類,保持著OO的特征。

一個CSS對象由4部分組成:

  1. 可能是一個或多個DOM節點的HTML
  2. 由wrapper節點的class名開始的CSS樣式聲明
  3. 類似于背景圖片和顯示用的sprites組件以及
  4. JavaScript行為,監聽或者與對象關聯的方法

這可能令人費解,因為每個CSS class不是其自身必要的對象,但可以是一個wrapper class的一個部件。比如:

<div class="mod">
        <div class="inner">
                <div class="hd">Block Head</div>
                <div class="bd">Block Body</div>
                <div class="ft">Block Foot</div>
        </div>
</div>

對象是一個class為mod的模塊。包括4個部件節點(不能獨立于模塊外,包括2個區塊,inner和body,和兩個可選擇的區塊,head和foot)

OOCSS如何提升性能?

OOCSS具有雙倍的性能優勢:

  1. 高度重用的CSS代碼,只需要很少的CSS代碼,意味著:
    • 更小的文件,從而更快的傳輸
    • CSS代碼在站點頁面中調用的比重增大則有希望被復用或被瀏覽器緩存
  2. 就瀏覽器而言更少的重繪和布局計算
    • 單個頁面,CSS規則復用的越多,渲染引擎花在“computed values”的計算時間越少
    • 手動增加的"extending"類,重寫更少的規則,這再一次意味著引擎做很少去應用規則

要用ID來對內容寫樣式嗎?

當你在同一頁面(或者同一站點同時緩存良好)復用一個對象時,這是性能的“免費贈品”。用ID來寫樣式在同一頁面中只能使用一次。@cgriego (twitter) 拿它與singletons比較過,我認為非常精確。可能有些情況下你要用ID定義樣式,比如非常特殊的 header menus,此時你可以在用ID來沙箱(譯注:動名詞)特殊元素并確保此處的代碼不會影響站點的其它地方。選擇ID而非class前要三思,隨著站點的發展,真的很難預料其他人會怎么處理依據你的CSS所構建的HTML。如有選擇的余地,盡可能的考慮擴展性。

我正在考慮移除模板head, body, foot中的ID。某些人或許有多個主區域。站點的多個header 和 footer更難以猜測,但我敢打賭肯定有設計師會這樣想,所以ID很可能會消失(不太順,看原文:Someone could have multiple main content areas. Multiple site headers and footers are more difficult to imagine, but I bet there is a designer who can dream up something like that, so the IDs are very likely to disappear.)。

另一方面,ID hooks are great for linking。放在HTML中,不過別用它們來寫樣式。

 
分享到:
 
 
珠海網站建設·最新動態伊維互聯 竭誠為您服務!
建站熱線:0756-2611167 (總機)

相關網站建設鏈接:
珠海做網站|最新動態|珠海網站制作
(聲明:本文部分資料參考來源網絡,如有侵權請及時告之)

 
北京vr赛车体验 神武老区赚钱方法 上市公司赚钱了怎么分 平安创保网怎么赚钱 试玩赚钱信任试客小兵 赚钱的和花钱的 开淘宝店铺能赚钱吗 外贸服装店可以赚钱吗 男生寝室赚钱 下载软件直接打字赚钱软件 地下城堡2赚钱bug 平果赚钱app 深圳电动汽车 出租车 赚钱 猪八戒上做什么最赚钱 邪不压正 赚钱 聚宝鹏挂机赚钱 赚钱平台有多少人用