CSS Designer 會顯示樣式表的程式碼,且可讓您編輯含有語法重點強調、內容輔助及「預覽」功能之說明的樣式。 如果 HTML 檔有鏈結通往樣式表,CSS Designer 中的修正會立即套用至 Page Designer 的「設計」頁面中。
selector { property : value; }以下是可能會出現在 .css 檔中的段落之實際樣式定義:
P { font-style : italic; font-size : x-small;}
如果您利用「程式碼」窗格或「樣式」視圖來修改 .css 檔,「預覽」會自動更新。
「CSS 程式碼」窗格有許多文字編輯特性,例如:
特性 | 說明 |
---|---|
語法重點強調 | 每個標示類型都會以不同方式來強調,讓您很容易找到要編輯的特定標示種類。 在尋找語法錯誤時,語法重點強調也很有用。 |
無限的復原和重做 | 您可以漸進地復原和重做檔案在整個編輯階段作業中的每項變更。如果是文字,就會每次遞增變更一個字元或一組選取的字元。 |
內容輔助 | 內容輔助可協助您完成標示或程式碼行以及插入巨集。 內容輔助清單中的可用選項以指定給編輯的檔案之標示標準所定義的標示為基礎。 |
元素選項 | 元素選項指示器會根據游標位置,在「程式碼」頁面左側區域的垂直尺規中,強調顯示元素所在的行號。 |
蹦現功能表選項 | 編輯器的蹦現功能表有許多工作台編輯功能表中的相同編輯選項。 |
CSS 編輯器中的窗格功能表可讓您變更「程式碼」和「預覽」窗格的方向和相對大小。