Create your own stylesheet with TopStyle Lite CSS editor創建您自己的樣式與TopStyle建興的CSS編輯器
Posted on December 8, 2008 at 5:34 am發布於2008年12月8號在上午5時34分
Cascading Style Sheets have become a standard format for encoding style definitions of web pages.層疊樣式表已成為一種標準格式的編碼樣式定義的網頁。 Unlike inline style components (ie font tag), which does not separate your content from the presentation, CSS makes your whole site easier to maintain. If you want to edit the look of your site, all you have to do is edit the CSS file instead of the individual pages. Style sheets look like the one below:與內聯樣式組成部分（即字體標記） ，不單獨內容的介紹，讓您的CSS整個網站更易於維護。如果您想要編輯的期待您的網站，所有您需要做的就是編輯的CSS文件而不是單獨的網頁。樣式表看起來像一個如下：
P {
font-family: Verdana;
font-style: bold;
color: blue;
font-size: 12;
}
“P” is an HTML tag so this means that all of my content inside the <P> tag will have that style. In the example above I defined 4 style elements: font family, style, color and size. You can create style sheets for any HTML tag like <A>, <TABLE>, <TD>, etc.的“ P ”是一種HTML標記，以便這意味著我所有的內容<P>內將有標記的風格。在上述範例中定義的第4我風格要點：字體，風格，顏色和大小。您可以創建樣式表任何HTML標記想請撥， <TABLE> ， <TD>等
TopStyle Lite is a free editor for making CSS files. You can get it from this website: TopStyle Lite是免費的編輯製作的CSS文件。您可以從這個網站： http://www.bradsoft.com/
TopStyle has a clean interface where you can put your CSS code and preview the output. A style inspector is also available that acts like a map of of elements, classes and IDs that you create: TopStyle有一個乾淨的界面，您可以把你的CSS代碼和預覽輸出。督察風格也可以說就像是地圖的內容，班級和身份證您創建：
As you have seen above, this is not a WYSIWYG tool. You will need to type the CSS code by yourself but the code editor has pop-up suggestions to guide you on this task:正如你已經看到上面，這不是一個所見即所得的工具。您將需要輸入CSS代碼，但通過自己的代碼編輯器已彈出的建議，以指導你完成這項任務：
The style inspector could act as a shortcut to jump to individual elements. Click an element to highlight the code of the element in the code editor:督察的風格可以作為一條捷徑跳到個別內容。點擊一個組成部分，突出的代碼元素的代碼編輯器：
The properties editor under the Style Inspector window could also be used to edit the CSS code. The style sheet code automatically changes as you change parameters of the design elements under the properties tab:編輯的性質下的樣式檢查窗口也可以用來編輯CSS代碼。樣式表的代碼自動更改為你改變參數的設計元素下的性能標籤：
Once you are done you can save the CSS file directly as a CSS file:一旦你這樣做可以保存的樣式表文件直接作為一個CSS文件：
TopStyle Lite is an easy to use tool for creating CSS code using very little effort. It’s capability to provide you with predefined design elements and display the sample output real-time are a big help for serious web developers. TopStyle Lite是一個易於使用的工具，用於創建CSS代碼使用很少的努力。它的能力，為您提供預先設計的內容和顯示示例輸出實時是一個很大的幫助嚴重網絡開發。
Ben Carigtan shows you how it’s done.本Carigtan告訴您如何它的工作要做。
» Filed Under »文章屬於 Free Software Downloads免費軟件下載
 Save this page 保存該網頁 |  Stir it up on Mixx 它攪動了Mixx | |
 Add to Reddit 添加到Reddit |  Stumble this page 失敗此頁 |
Related Posts 有關職位
- How to create animated menus with Adobe Fireworks如何創建動畫菜單與Adobe煙花
- How to create your own fonts and edit TrueType fonts如何創建自己的字體和TrueType字體編輯
- How to design and create your own custom logo for free如何設計和創建自己的自定義徽標免費
- 5 Killer MS Word Formatting Tips五殺手的MS Word格式提示
- Free source code editor for PHP, HTML, Javascript, etc免費的源代碼編輯器的PHP ， HTML格式，使用Javascript等
Probably the best CSS editor for Windows.也許是最好的CSS編輯器的Windows操作系統。