重寫您的CSS文件使之更有條理、結(jié)構(gòu)清晰

2024-07-11 08:24:06

字體：大中小

供稿：網(wǎng)友

　　編程風(fēng)格就如人的性格一般，不同程序員（設(shè)計(jì)師）的書寫風(fēng)格往往不盡相同，良好的風(fēng)格更容易讓其他人接受。Mb5u.com中的代碼有時(shí)候就有著多種風(fēng)格。就拿 WordPress 主題來說，我們或許更偏愛于使用代碼風(fēng)格良好、符合我們口味的主題文件。而對(duì)于那些凌亂不堪、難以閱讀的 CSS 文件，在我們不得不去研究的時(shí)候該怎么辦？您可以使用『Styleneat』將 CSS 的 selectors（選擇器）、sub-selectors（子選擇器）和 properties（屬性）按照層疊式結(jié)構(gòu)化重新組織與構(gòu)建，從而讓 CSS 文件更加整潔易讀，這樣就能更容易地定義頁面布局和查看不同結(jié)構(gòu)之間的關(guān)系了。
　　『Styleneat』CSS 文件結(jié)構(gòu)格式重新組織服務(wù)，可以將書寫風(fēng)格凌亂的 CSS 文件按照層疊式結(jié)構(gòu)重新組建，方便您進(jìn)行閱讀和研究，十分實(shí)用的一個(gè)在線工具。
　　您可以通過三種不同的方式使用：1.直接粘貼代碼；2.上傳 CSS 文件；3.輸入 CSS 文件所在地址。另外還有一些選項(xiàng)設(shè)置：按照 CSS 的屬性、選擇器字母順序排列；兼重組導(dǎo)入的 CSS；多行或單行格式；開啟安全重組模式。

我們來看看使用的效果：
原代碼：

示例代碼 [www.Mb5u.com]

上一篇：CSS引用方式import與link的具體區(qū)別

下一篇：IE6不支持的CSS的type選擇器