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操作系统。
Instead of open heavy DreamWeaver of Visual Studio, I probably prefer this small utility.相反开放重型Dreamweaver中的Visual Studio ，我可能更喜欢这个小工具。
It seems you have to have a basic knowledge about CSS before using this.看来你必须有一个基本知识的CSS ，才能使用。 But CSS is pretty easy, visit and read some lessons from但是的CSS方法很简单，访问和阅读一些教训 http://www.w3schools.com/css/ , you will make CSS your loyal slave. ，你会作出的CSS您忠实的奴隶。