雖然谷歌搜索周圍用更少的文字做更多的CSS,我發現這一點 - http://lesscss.org/更少 - 動態樣式表語言?
有沒有人嘗試過了,是它在IE6 +,火狐3 +,Chrome瀏覽器,Safari瀏覽器,Opera和所有的標準Web瀏覽器的合作,我們全部使用?
感謝提前:)
雖然谷歌搜索周圍用更少的文字做更多的CSS,我發現這一點 - http://lesscss.org/更少 - 動態樣式表語言?
有沒有人嘗試過了,是它在IE6 +,火狐3 +,Chrome瀏覽器,Safari瀏覽器,Opera和所有的標準Web瀏覽器的合作,我們全部使用?
感謝提前:)
您可以生成CSS服務器端,或使用LESS.js,在第一種情況下,客戶甚至不知道的風格LESS起源的,所以它就像CSS(沒有按」不依賴於客戶端js)。
只要啓用javascript肯定的,因爲有樣式錶鏈接後添加一個js腳本,有助於IE6 +和所有其他的主流瀏覽器中顯示它。
如果您也計劃包含沒有啓用javascript的用戶,則可以執行處理服務器端,但我沒有這樣做,所以不能擔保此方法。
山姆
我已經嘗試LessCSS和一系列其他類似的替代品,但在SASS(SCSS)上定居 - 它可以使用小型Ruby Gem預編譯,這使得它在開發中使用起來非常方便和快捷。與Ruby的集成在處理例如Rails如果你做那些東西。
http://sass-lang.com/ - 將它與Compass CSS框架(http://compass-style.org/)一起使用,你會得到一個漂亮的壞蛋裝置!
這是預處理器的PHP版本。您創建.less文件並將其上傳到網站。其餘部分由預處理器完成。適用於任何瀏覽器,因爲瀏覽器只接收處理過的CSS文件,而不是LESS文件。所有你需要做的就是添加這樣的事情在你的index.php:
require_once 'lessc.inc.php';
try {
lessc::ccompile(PATH_TO_STYLES.'/style.less', PATH_TO_STYLES.'/style.less.css');
} catch (exception $ex) {
exit('lessc fatal error:<br />'.$ex->getMessage());
}
,然後簡單地使用style.less.css
您站點的樣式表。
我聽說過lesscss的一件事,就是它在css中不能很好地處理@規則 - 因爲`@`是lesscss語法的一部分;思考的食物。 – jlmakes 2011-01-31 10:45:36
沒有人強迫你使用.less文件。你可以附加一般的CSS,幷包括你的@media查詢等等:)。 – mingos 2011-01-31 11:33:47