http://kktzf.com.cn/wiki/history/CSSEdit?feed=atom 2025-06-08T19:15:14Z 本wiki上該頁面的版本歷史 MediaWiki 1.39.3 http://kktzf.com.cn/wiki/CSSEdit?diff=106897&oldid=prev 2012-03-17T02:29:42Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2012年3月17日 (六) 10:29的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">第1行：</td> <td colspan="2" class="diff-lineno">第1行：</td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Image:CSSEdit.png|200px|right|CSSEdit|link=CSSEdit]]</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''CSSEdit'''是Macrabbit出品的CSS樣式表編輯程式，以編輯CSS為考量，軟件的設(shè)計(jì)上便針對(duì)CSS的常見特性與屬性做了許多方便的功能。CSSEdit會(huì)自動(dòng)將使用的樣式（EX：Body屬性）做成一個(gè)快速對(duì)應(yīng)程式碼的清單，只要點(diǎn)選清單就能跳至相對(duì)區(qū)段，這些已完成的區(qū)段樣式也提供群組的功能方便管理。另外，原始碼編輯內(nèi)建自動(dòng)完成與語法色彩管理。CSSEdit有2種編輯模式：原始碼編輯（Source editing）和視覺化編輯（visual editing），尤其是visualediting實(shí)在非常方便，因?yàn)镃SSEdit已經(jīng)將這些樣式屬性圖形化了，使用者只要勾選或是填入數(shù)字就能讓軟體寫出相對(duì)的程式碼，對(duì)于CSS不是很熟的人是一個(gè)不錯(cuò)的輔助方式！還有一個(gè)立即預(yù)覽的功能也很棒，立即預(yù)覽可以顯示出你正在調(diào)整的屬性實(shí)際上看起來的效果，字體夠不夠大、顏色配不配，一看就知道。除了 ??區(qū)塊中的預(yù)覽以外，還可以直接預(yù)覽套用至HTML檔后的效果，對(duì)于需要在線上編輯的CSS樣式的Blog就不用一直線上更新才能看到效果</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''CSSEdit'''是Macrabbit出品的CSS樣式表編輯程式，以編輯CSS為考量，軟件的設(shè)計(jì)上便針對(duì)CSS的常見特性與屬性做了許多方便的功能。CSSEdit會(huì)自動(dòng)將使用的樣式（EX：Body屬性）做成一個(gè)快速對(duì)應(yīng)程式碼的清單，只要點(diǎn)選清單就能跳至相對(duì)區(qū)段，這些已完成的區(qū)段樣式也提供群組的功能方便管理。另外，原始碼編輯內(nèi)建自動(dòng)完成與語法色彩管理。CSSEdit有2種編輯模式：原始碼編輯（Source editing）和視覺化編輯（visual editing），尤其是visualediting實(shí)在非常方便，因?yàn)镃SSEdit已經(jīng)將這些樣式屬性圖形化了，使用者只要勾選或是填入數(shù)字就能讓軟體寫出相對(duì)的程式碼，對(duì)于CSS不是很熟的人是一個(gè)不錯(cuò)的輔助方式！還有一個(gè)立即預(yù)覽的功能也很棒，立即預(yù)覽可以顯示出你正在調(diào)整的屬性實(shí)際上看起來的效果，字體夠不夠大、顏色配不配，一看就知道。除了 ??區(qū)塊中的預(yù)覽以外，還可以直接預(yù)覽套用至HTML檔后的效果，對(duì)于需要在線上編輯的CSS樣式的Blog就不用一直線上更新才能看到效果</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <!-- diff cache key wiki-zz_:diff::1.12:old-106587:rev-106897 --> </table>

寶寶不哭 http://kktzf.com.cn/wiki/CSSEdit?diff=106587&oldid=prev 2012-02-29T09:08:05Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2012年2月29日 (三) 17:08的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">第5行：</td> <td colspan="2" class="diff-lineno">第5行：</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>CSSEdit可以進(jìn)行實(shí)時(shí)分析，而不需要你上傳或者刷新這些文件，而且不管你有沒有在網(wǎng)絡(luò)上。容器構(gòu)建可以讓你對(duì)你的元素用簡單的英文進(jìn)行描述。智能代碼感應(yīng)可以分析CSS和CSS行為，從而提供給你適合你所創(chuàng)建的內(nèi)容的建議。X-ray檢測(cè)模式向你展示你的HTML文件所應(yīng)用的樣式。你也可以通過使用W3C標(biāo)準(zhǔn)或者項(xiàng)目管理工具驗(yàn)證你的樣式表的有效性，從而優(yōu)化你的工作流程。CSSEdit還會(huì)自動(dòng)添加括號(hào)，冒號(hào)以及適當(dāng)?shù)目崭?。如果你手中有一個(gè)別人設(shè)計(jì)的樣式表，而且并不符合你的設(shè)計(jì)習(xí)慣，你可以通過Re-Indent工具來適應(yīng)你的工作區(qū)。除此以外，它還提供實(shí)時(shí)預(yù)覽，常用片斷代碼剪貼庫等特性。EditCSS提供了一個(gè)Firefox插件以及書簽。你可以通過點(diǎn)擊瀏覽器上的標(biāo)簽工具欄就可以編輯網(wǎng)站的樣式表，并使用一些高級(jí)的CSSEdit編輯功能。CSSEdit具有十分美觀和直觀化的界面，而且體積非常小，為你的設(shè)計(jì)工作提供了良好的組織性和友好性。</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>CSSEdit可以進(jìn)行實(shí)時(shí)分析，而不需要你上傳或者刷新這些文件，而且不管你有沒有在網(wǎng)絡(luò)上。容器構(gòu)建可以讓你對(duì)你的元素用簡單的英文進(jìn)行描述。智能代碼感應(yīng)可以分析CSS和CSS行為，從而提供給你適合你所創(chuàng)建的內(nèi)容的建議。X-ray檢測(cè)模式向你展示你的HTML文件所應(yīng)用的樣式。你也可以通過使用W3C標(biāo)準(zhǔn)或者項(xiàng)目管理工具驗(yàn)證你的樣式表的有效性，從而優(yōu)化你的工作流程。CSSEdit還會(huì)自動(dòng)添加括號(hào)，冒號(hào)以及適當(dāng)?shù)目崭瘛Ｈ绻闶种杏幸粋€(gè)別人設(shè)計(jì)的樣式表，而且并不符合你的設(shè)計(jì)習(xí)慣，你可以通過Re-Indent工具來適應(yīng)你的工作區(qū)。除此以外，它還提供實(shí)時(shí)預(yù)覽，常用片斷代碼剪貼庫等特性。EditCSS提供了一個(gè)Firefox插件以及書簽。你可以通過點(diǎn)擊瀏覽器上的標(biāo)簽工具欄就可以編輯網(wǎng)站的樣式表，并使用一些高級(jí)的CSSEdit編輯功能。CSSEdit具有十分美觀和直觀化的界面，而且體積非常小，為你的設(shè)計(jì)工作提供了良好的組織性和友好性。</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="?"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">CSS Edit特性 </del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">CSSEdit特性 </ins>==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*容器構(gòu)造工具</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*容器構(gòu)造工具</div></td></tr> </table>

流川楓 http://kktzf.com.cn/wiki/CSSEdit?diff=106586&oldid=prev 2012-02-29T09:07:41Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2012年2月29日 (三) 17:07的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l15">第15行：</td> <td colspan="2" class="diff-lineno">第15行：</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*代碼驗(yàn)證工具</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*代碼驗(yàn)證工具</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*集成瀏覽器</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*集成瀏覽器</div></td></tr> <tr><td class="diff-marker" data-marker="?"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>相關(guān)條目</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>?</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== </ins>相關(guān)條目 <ins style="font-weight: bold; text-decoration: none;">==</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>?</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== 參考來源 ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== 參考來源 ==</div></td></tr> <!-- diff cache key wiki-zz_:diff::1.12:old-106585:rev-106586 --> </table>

流川楓 http://kktzf.com.cn/wiki/CSSEdit?diff=106585&oldid=prev 2012-02-29T09:07:21Z

<p>以內(nèi)容“&#039;&#039;&#039;CSSEdit&#039;&#039;&#039;是Macrabbit出品的CSS樣式表編輯程式，以編輯CSS為考量，軟件的設(shè)計(jì)上便針對(duì)CSS的常見特性與屬性做了許多方便的功能...”創(chuàng)建新頁面</p> <p><b>新頁面</b></p><div>'''CSSEdit'''是Macrabbit出品的CSS樣式表編輯程式，以編輯CSS為考量，軟件的設(shè)計(jì)上便針對(duì)CSS的常見特性與屬性做了許多方便的功能。CSSEdit會(huì)自動(dòng)將使用的樣式（EX：Body屬性）做成一個(gè)快速對(duì)應(yīng)程式碼的清單，只要點(diǎn)選清單就能跳至相對(duì)區(qū)段，這些已完成的區(qū)段樣式也提供群組的功能方便管理。另外，原始碼編輯內(nèi)建自動(dòng)完成與語法色彩管理。CSSEdit有2種編輯模式：原始碼編輯（Source editing）和視覺化編輯（visual editing），尤其是visualediting實(shí)在非常方便，因?yàn)镃SSEdit已經(jīng)將這些樣式屬性圖形化了，使用者只要勾選或是填入數(shù)字就能讓軟體寫出相對(duì)的程式碼，對(duì)于CSS不是很熟的人是一個(gè)不錯(cuò)的輔助方式！還有一個(gè)立即預(yù)覽的功能也很棒，立即預(yù)覽可以顯示出你正在調(diào)整的屬性實(shí)際上看起來的效果，字體夠不夠大、顏色配不配，一看就知道。除了 ??區(qū)塊中的預(yù)覽以外，還可以直接預(yù)覽套用至HTML檔后的效果，對(duì)于需要在線上編輯的CSS樣式的Blog就不用一直線上更新才能看到效果<br /> <br /> == CSSEdit功能 ==<br /> <br /> CSSEdit可以進(jìn)行實(shí)時(shí)分析，而不需要你上傳或者刷新這些文件，而且不管你有沒有在網(wǎng)絡(luò)上。容器構(gòu)建可以讓你對(duì)你的元素用簡單的英文進(jìn)行描述。智能代碼感應(yīng)可以分析CSS和CSS行為，從而提供給你適合你所創(chuàng)建的內(nèi)容的建議。X-ray檢測(cè)模式向你展示你的HTML文件所應(yīng)用的樣式。你也可以通過使用W3C標(biāo)準(zhǔn)或者項(xiàng)目管理工具驗(yàn)證你的樣式表的有效性，從而優(yōu)化你的工作流程。CSSEdit還會(huì)自動(dòng)添加括號(hào)，冒號(hào)以及適當(dāng)?shù)目崭?。如果你手中有一個(gè)別人設(shè)計(jì)的樣式表，而且并不符合你的設(shè)計(jì)習(xí)慣，你可以通過Re-Indent工具來適應(yīng)你的工作區(qū)。除此以外，它還提供實(shí)時(shí)預(yù)覽，常用片斷代碼剪貼庫等特性。EditCSS提供了一個(gè)Firefox插件以及書簽。你可以通過點(diǎn)擊瀏覽器上的標(biāo)簽工具欄就可以編輯網(wǎng)站的樣式表，并使用一些高級(jí)的CSSEdit編輯功能。CSSEdit具有十分美觀和直觀化的界面，而且體積非常小，為你的設(shè)計(jì)工作提供了良好的組織性和友好性。<br /> <br /> == CSS Edit特性 ==<br /> <br /> *容器構(gòu)造工具<br /> *便于使用的代碼折疊包和濾鏡<br /> *使用智能代碼感應(yīng)器進(jìn)行代碼修改<br /> *X-ray頁面<br /> *實(shí)時(shí)預(yù)覽<br /> *項(xiàng)目管理<br /> *代碼驗(yàn)證工具<br /> *集成瀏覽器<br /> 相關(guān)條目<br /> <br /> == 參考來源 ==</div>

流川楓