這篇文章主要介紹了Eclipse中的CSS編輯器使用,Eclipse特別在Linux工作環(huán)境下作為高人氣的IDE,集成的CSS相關(guān)編輯功能也趨于簡(jiǎn)潔,需要的朋友可以參考下

    CSS in Eclipse 4.2

    在 Eclipse 4.2 的設(shè)置中，一些關(guān)于顏色和字體的設(shè)置改用了 CSS 進(jìn)行設(shè)置，

簡(jiǎn)述Eclipse中的CSS編輯器使用

    Eclipse SDK 使用主題對(duì) CSS 樣式單進(jìn)行分組，用于對(duì)工作區(qū)進(jìn)行風(fēng)格設(shè)定，你可以在INSTALL/plugins/org.eclipse.platform_4.2.0.qualifier/css 文件中查看這些 CSS 設(shè)定。

    在 Eclipse 中編輯 CSS

    現(xiàn)在可以使用 Eclipse 提供的輕量級(jí) CSS 編輯器來(lái)修改外觀，首先進(jìn)入 E4 安裝網(wǎng)站并安裝 E4 CSS editor (Incubation). 重啟后進(jìn)入 General > Appearance 選項(xiàng)頁(yè)來(lái)修改 CSS。

    修改你自已的風(fēng)格樣式單

    你可以通過(guò)在General>Appearance Perference頁(yè)面編輯風(fēng)格樣式單自定義一些新的外觀。

    移除自定義樣式

    使用Restore Defaults按鈕可以移除所有你已經(jīng)添加到樣式單的自定義的樣式，并且重置為plugins/org.eclipse.platform所定義的一般的狀態(tài)，

電腦資料

    切換到單編輯器標(biāo)簽?zāi)Ｊ?/strong>

    你可以通過(guò)添加以下的CSS從而切換到單編輯器標(biāo)簽?zāi)Ｊ?/p>

    CSS Code復(fù)制內(nèi)容到剪貼板

#org-eclipse-ui-editorss CTabFolder.MPartStack {

swt-single: true;

}

    切換 tab 樣式

    經(jīng)典的主題支持 2.1 和 3.x 風(fēng)格的 tab，你可編輯 .MPartStack 中的 swt-simple 屬性進(jìn)行修改，前提是 swt-tab-renderer 設(shè)置為 null.

    CSS Code復(fù)制內(nèi)容到剪貼板

.MPartStack {

swt-tab-renderer: null;

swt-selected-tabs-background:#FFFFFF#ECE9D8100%;

swt-simple: true;

swt-mru-visible: true;

}

    減小 tab 的字體大小

    CSS Code復(fù)制內(nèi)容到剪貼板

.MPartStack {

font-size: 9;

swt-simple: false;

swt-mru-visible: false;

}