2010-03-29 26 views
-1

我正在編譯偉大的想法如何優化和改善您的CSS。你想分享哪些最佳實踐?你使用框架嗎?你重新使用你的CSS?你記錄你的CSS?什麼是最佳CSS實踐,你重用以前的CSS?框架如何?

請分享。謝謝!

其他問題,

你如何生成的ID和類命名的標記......他們是普通的還是具體的?你的大部分項目是否有類似的ID和ID?

謝謝!

+0

您能不能告訴我們您的研究成果? :) – Rimian 2010-12-31 02:32:24

回答

6

我喜歡使用960網格系統,它像冠軍一樣工作。除此之外,我通常使用的唯一CSS就是我在表單上使用的東西。

http://960.gs/

+0

我也是960 – Pennf0lio 2010-03-29 18:07:38

2

我是Blueprint CSS框架的粉絲:

Blueprint是一個CSS框架, 旨在削減開發時間 。它爲您打下堅實的基礎 以在 之上建立一個易於使用的網格,明智的 排版,有用的插件,甚至 樣式表進行打印。

0

請務必閱讀Steve Souders的書「Even Faster Web Sites」。至少有一章涉及CSS選擇器的性能方面。這可能會讓你感到驚訝,哪種類型的選擇器是「高性能」,哪些不是 - 它完全不直觀。

1

我創造,我再利用我自己的CSS文件,基本上它只有這個:

html, body { 
    margin: 0; 
    padding: 0; 
} 

body { 
    color: #000; 
    font: 14px/20px Helvetica, Verdana, Arial, sans-serif; 
} 


/*** COMMON ELEMENTS 
**************************************/ 

a { 
    text-decoration: none; 
} 

a:hover { 
    text-decoration: underline; 
} 

blockquote { 
    font-size: 16px; 
    line-height: 22px; 
} 

.left { 
    float: left; 
} 

.right { 
    float: right; 
} 

/*** 
**************************************/ 

我想改變的飛行,因爲每一個項目,其餘/部位是不同的。

至於其他的事情,你可以按照這個短名單 - 6 Easy Tips To Make Your CSS Efficient

希望這有助於

+0

很酷的粉絲,我也用過這種類型的方法...... – Pennf0lio 2010-03-31 09:12:35

+0

我覺得最主要的是肯定是「嘗試」不同的方法。如果他們爲你工作,那太棒了!如果沒有,拿你喜歡的和做你自己的;) – Karinne 2010-03-31 13:16:06

+0

這是正確的想法。我會打電話給你的CSS文件框架。 – Rimian 2010-12-31 02:30:21