TopStyle Pro 使用技巧

ctrl+u——無序列表<ul><li></li></ul>  

ctrl+l——列表項<li></li>  

ctrl+shift+a——連接<a></a>   

ctrl+shift+i——圖片<img />   

ctrl+i——強調<em></em>   

ctrl+shift+p——段落<p></p>  

ctrl+shift+b——轉行<br />   

ctrl+enter——<br />加轉行   

ctrl+b——強調<strong></strong>   

ctrl+t——表格<table><tr><td></td></tr></table>   

ctrl+h——分隔線<hr />   

ctrl+shift+t——內部樣式聲明<style type="text/css"></style>   

ctrl+<——尖括號<>   

ctrl+&——顯示的尖括號&lt;&gt;   

ctrl+_——光標到達文檔頂端    

以上是對標籤的操做的快捷鍵的使用！

還有一些經常使用的功能快捷鍵：

文字註釋:Shift+Ctrl+M

向右縮進:Shift+Ctrl+.

向左縮進:Shift+Ctrl+,

下一個CSS:Ctrl+]（css中）

上一個CSS:Ctrl+[

選顏色:Shift+Ctrl+C

打開關閉面板：Ctrl+D

ctrl+z——撤銷

ctrl+f——查找

ctrl+r——替換

ctrl+g——跳轉

ctrl+a——全選    ctrl+s——保存    ctrl+w——關閉     ctrl+c——複製      ctrl+v——粘貼     ctrl+x——剪接

再者說一些網上常見的對topstyle功能的說明：

       保存之後不能撤銷(Ctrl+Z)?

       咱們給改過來～

　　選項位置:Options--Editor--選擇Enable undo after save 即選項—編輯器—保存以後容許撤銷功能

　　自動替換

　　好比你打"!i"而後按一個空格，TopStyle就自動將"!i"替換成"!important"

　　選項位置:Options--Editor--Auto Replace 你也能夠本身添加快捷輸入。即選項—編輯—自動替換

       這個功能對於寫css樣式是十分有益的！加快書寫的速度！

　　樹型CSS

　　有時候是否是以爲CSS太多了很差瀏覽?TopStyle提供了一個將CSS內容隱藏只顯示選擇器名稱的縮略形式，很方便。

　　選項位置:Options--Editor--Rule Collapsing 選擇Enable rule collapsing 即選項—編輯器—規則摺疊

　　快速校驗

　　快捷菜單中的W3C CSS Validator 和W3C HTML Validator按鈕很方便，編輯完直接一點就能知道是否經過了校驗。

　　樣式表清道夫

　　下面隆重推薦TopStyle自帶CSS整理功能:樣式表清道夫 Style Sweeper。它能把你的CSS整理的很是工整，規範。一個很是不錯的功能。徹底能夠本身制定一種本身須要的樣式！

　　選項位置:Tools--Style Sweeper

　　Rules 規則面板:Rule Format 能夠設置單行多行顯示。Combine Rules 設置是否將有相同屬性的CSS組合。

　　Selectors 選擇器面板:Selector Case 設置選擇器的大小寫。Selector Order 設置選擇器的排序方式。

　　Property屬性面板:Property Case 設置屬性的大小寫。Property Order 設置屬性的排序方式。

　　Shorthand Properties 縮寫屬性面板:能夠選擇將font、background、margin、padding屬性縮寫。

　　Others 其餘屬性面板:Color Format 顏色格式:可選擇十六進制、RGB、顏色名稱等。

 

 

在編輯CSS時經常使用的快捷鍵：

文字註釋：Shift+Ctrl+M

向右縮進：Shift+Ctrl+.

向左縮進：Shift+Ctrl+,

下一個CSS：Ctrl+]

上一個CSS：Ctrl+[

選顏色：Shift+Ctrl+C

保存之後不能撤銷(Ctrl+Z)？

給改過來,選項位置：Options--Editor--選擇Enable undo after save

自動替換

好比你打"!i"而後按一個空格，TopStyle就自動將"!i"替換成"!important"

選項位置：Options--Editor--Auto Replace 你也能夠本身添加快捷輸入。

樹型CSS

有時候是否是以爲CSS太多了很差瀏覽？TopStyle提供了一個將CSS內容隱藏只顯示選擇器名稱的縮略形式，很方便。

選項位置：Options--Editor--Rule Collapsing 選擇Enable rule collapsing

快速校驗

快捷菜單中的W3C CSS Validator 和W3C HTML Validator按鈕很方便，編輯完直接一點就能知道是否經過了校驗。

樣式表清道夫

下面隆重推薦TopStyle自帶CSS整理功能：樣式表清道夫 Style Sweeper。它能把你的CSS整理的很是工整，規範。一個很是不錯的功能。

選項位置：Tools--Style Sweeper

功能設置位置： Tools---Style Sweeper---Configure Style Sweeper---TopStyle Defaut---Edit

Rules 規則面板：Rule Format 能夠設置單行多行顯示。Combine Rules 設置是否將有相同屬性的CSS組合。

Selectors 選擇器面板：Selector Case 設置選擇器的大小寫。Selector Order 設置選擇器的排序方式。

Property屬性面板：Property Case 設置屬性的大小寫。Property Order 設置屬性的排序方式。

Shorthand Properties 縮寫屬性面板：能夠選擇將font、background、margin、padding屬性縮寫。

Others 其餘屬性面板：Color Format 顏色格式：可選擇十六進制、RGB、顏色名稱等。