您是否正在寻找一款可以替代TXT记事本的可视化div+css样式编辑器？ 试试明天和大家分享的topstyle的英文版和中文版吧！ TopStyle是一款CSS开发工具，除了提供div+css样式编辑功能之外，还提供了CSS代码检测等实用功能，非常适合站长使用。
界面预览：
TopStyle是一款所见即所得的可视化div+css样式编辑软件，用它你可以编辑完整的CSS代码！ 除了编辑CSS代码之外，它还具有CSS代码检查功能，可以检测CSS代码中的错误，非常不错。
TopStyle 5 支持 HTML、XHTML 和 CSS 文件格式的修订编辑，以及对浏览器标准和兼容性问题的强大测量。 检测涵盖不同级别，从严格的 W3C CSS 规范到各种浏览器问题。 这种样式检查功能不仅可以提供详细的警告信息，还可以使用户直观地看到 HTML 或 CSS 代码与特定浏览器的不兼容情况。
严格来说，TopStyle是一个简单的可视化div+css样式编辑器，而TopStyle Pro是一个成熟的XHTML、HTML和CSS编辑器。 然而，如果您需要的只是一个非常基本的 CSS 编辑器，TopStyle 将很好地为您服务。
虽然它提供的选项较少，但它仍然是一个功能强大的样式表编辑器，可让您自信且精确地创建级联样式表，然后您可以在网站上实施。
通过包含多浏览器样式检测器和验证器可以减轻生成跨浏览器兼容样式表的负担。 除了提醒您样式表中的无效条目之外，这还将突出显示常见浏览器中可能影响样式表显示的任何错误。
它可以从现有的 HTML 文件创建基本样式表，您所要做的就是将该样式应用于文档中的所有相关标签。 可以使用下拉菜单或自动输入来修改属性。 当前 CSS 定义不支持的任何属性都将以黑色突出显示，以便稍后轻松定位错误。
该界面的适应性特别强css可视化编辑器，允许您从编辑器本身预览当前样式表，并快速轻松地定位样式表中的元素。 事实上，TopStyle 使 CSS 创建的各个方面都变得非常容易。 如果您是样式表的老手，您会惊讶地发现这个包此时将为您节省多少时间。 如果您是新用户，您会喜欢它的错误报告功能。
TopStyle 5 还支持将非推荐的 HTML 样式 CSS 代码转换为有效的 HTML 代码并测量孤立的 XHTML 代码或网页。
TopStyle 5 集成了 HTML Tidy 和 W3C 验证服务。 为了彻底离线验证HTML和XHTML句型css可视化编辑器，TopStyle集成了CSE HTML Validator。 TopStyle 4 还可以使用 CSE HTML Validator 检查链接。
特别是其HELP文件中对CSS指令的详细介绍，很容易作为参考文档和对于刚接触CSS的人作为学习。 它可以帮助我们编译符合CSS2标准的样式表。 TopStyle 具有 CSS 定义选择功能，可让您选择特定的浏览器或 CSS 类、内置样式表检查器、内置预览功能、颜色编码编辑器和样式预览。
TopStyle 5.0 特点：
1. TopStyle支持HTML、XHTML、CSS等文件格式的修改和编辑，强力检查浏览器标准和兼容性问题。 检测涵盖不同级别，从严格的 W3C CSS 规范到各种浏览器问题。 这种样式检查功能不仅可以提供详细的警告信息，还可以使用户直观地看到 HTML 或 CSS 代码与特定浏览器的不兼容情况。
2.本软件可以支持不建议使用HTML样式的CSS代码的转换，并将其转换为有效的HTML代码并测量孤立的XHTML代码或网页。
3. TopStyle集成了HTML Tidy和W3C验证服务。 为了彻底离线验证HTML和XHTML句型，TopStyle集成了CSE HTML Validator。 TopStyle 4 还可以使用 CSE HTML Validator 检查链接。
4. TopStyle还集成了多种编辑器或工具，语法高亮支持的格式：PHP、ASP、CFML、CSS、XHTML、HTML、JavaScript和VBScript等。
topstyle中英文版使用说明：
1.创造新风格
Topstyle程序为我们提供了几种创建新样式文件的方法，其中一种比较简单的就是使用向导功能创建样式文件； 使用这些技巧时，可以先用键盘点击主界面中的文件菜单项，在打开的下拉菜单中执行新建样式表向导命令，即可打开如图所示的向导设置界面可供参考2； 用键盘点击下一步按钮，在接下来出现的界面中，还可以修改网页中的文字颜色和背景颜色； 设置完成后，继续点击下一步，然后为网页上的英文文字选择合适的字体。 当您需要某种字体时，可以在对应的字体编号上方的方框中打勾； 完成这一步设置后，您还可以设置网页中英文文字的大小、文字的粗体属性、网页中超链接的正常显示颜色以及点击后的颜色变化。 完成所有相关参数的设置后，向导设置框会打开预览界面，如右图参考3； 如果您对设置的效果满意，可以继续用鼠标点击下一步，完成最终的样式创建任务。 如果您对设置的效果不满意，可以点击此处的上一个按钮返回到下面的设置页面，重新调整网页的样式属性，直到您满意为止。 最后，您可以为之前创建的样式文件命名，选择保存文件的位置，然后单击向导界面中的完成按钮，结束样式文件的创建。
2. 编辑现有样式
除了创建新样式之外，我们还可以编辑和调整现有样式文件。 编辑调整时，可以在主界面执行file/open命令打开已有的样式文件。 在Topstyle程序界面中，使用工具栏中的各种工具按钮对样式文件进行任何更改； 如果您对网页源代码非常熟悉，可以选择在源代码窗口中进行更改（如下图参考4）。 这样可以更直接，在这里我们几乎可以改变样式中的任何参数，比如网页文字的大小、字体、颜色、网页背景颜色、超链接的颜色等。另外，执行菜单栏中的file/open from web命令，在随后打开的窗口中直接输入某个网站的URL，我们就可以对指定网站的网页样式进行更改和编辑。
3. 检测样式错误
在编辑和更改样式的过程中，由于操作不慎，可能会出现这样或那样的错误。 这时，你不必害怕，因为Topstyle程序为我们提供了CSS代码的错误检查功能，这样我们就可以在更改过程中，Topstyle程序产生的任何错误都不会被忽略。 我们修改和创建样式的任何步骤都在 Topstyle 程序的监控下。 一旦修改错误，程序会立即弹出一个对话框，如下图参考5，提醒我们当前样式有错误。 错误; 同时，在主界面的源代码编辑子窗口中，我们会发现程序将错误高亮为红色； 并且在Style Inspector子窗口中，程序可以用蓝色突出显示错误； 一旦我们调整了误差，相应位置的高亮颜色也会手动消失。
4.预览该风格的疗效
Topstyle程序还为我们提供了实时预览功能。 通过这个功能，我们每一步改变样式参数的效果都可以实时显示。 主界面中的输出子窗口用于实时预览样式的效果。 在这个子窗口中，我们发现它包含五个标签页。 用键盘点击预览选项卡，你会看到该样式的具体预览效果； 由于Topstyle程序支持各种版本的IE浏览器、Netscape浏览器和Opera浏览器，所以朋友们可以在更改的同时预览多种样式，从而保证了样式编辑的效率。 另外，在样式检查器标签页中，我们可以清楚地看到当前样式文件中的任何句子错误。 用键盘点击错误内容后，Topstyle程序还可以弹出提示信息，了解我们如何正确纠正句子错误。 在其他标签页中，我们还可以了解当前样式表的一些注释和统计信息，比如样式文件包含了多少行等。
小编总结：
TopStyle 5 是一个 css 和 html 开发工具。 它具有像输入法一样的提示功能。 对于Web开发人员来说非常实用，可以减少一些代码错误。 最新的 TopStyle 5 已经支持 HTML5 和 CSS3。 该软件的官方版本是英文。 我分享的是topstyle的英文版和中文版。 安装完成后，打开软件，您将看到英文界面。
它专注于CSS设计辅助，提供了更多的功能，比如CSS代码检查等。据说TopStyle的帮助文件非常好，有详细的CSS说明，适合第一次学习CSS。 但是，如果你想深入了解CSS，精通CSS网页布局，就应该抛弃一切辅助软件，使用记事本进行开发； 熟练掌握CSS后，可以使用这款div+css样式编辑器软件，提高工作效率和开发速度。
特别是新版本的TopStyle5功能非常多，而且也有很多实用的功能。 它还具有CSS代码检查功能，从而更好地帮助您减少出错的概率。 特别值得一提的是，TopStyle5的HELP文件包含了CSS指令的详细介绍。 在同类软件中，TopStyle5是业界名副其实的领先者。
