topstyle(css编辑器)

　　topstyle是一款功能强大的css编辑器，可以帮助用户完成一系列HTML、XHTML,、CSS等文件修改；新版本中对HTML文档进行了更新，提供了新样式表，用户可以通过选择要使用的HTML文件，TopStyle将自动为接受样式的页面中使用的每个HTML元素和类创建新的选择器；可以使用现有样式表的选择器的新样式表，程序会根据用户选择的样式表将其选择器创建包含空规则的新样式表；用户在使用时，内置的CSS模板选项适用于1,2或3列，无论它们是固定宽度还是流体布局，简单来说，固定宽度网站在每个屏幕上看起来都是一样的，无论它有多宽，而流体或液体网站将扩展以填充屏幕，在固定宽度与展开布局中，内容是固定宽度，但背景将展开以填充屏幕宽度；程序支持通过识别您所选的样式表，然后要求用户需要指定站点的根文件夹，这样可以更加方便后续的工作进程；强大又实用，需要的用户可以下载体验

软件功能

　　1、支持HTML, XHTML, and 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 and VBScript等等。

　　5、实时拼写检查

　　TopStyle5具备标识拼写错误，并允许您每项问题时的上下文菜单。

　　6、CSS3媒体查询

　　CSS3允许你指定一个样式表的某些条件。例如，你可以有一个大屏幕显示器，并专门为移动设备设定不同的样式表。TopStyle允许你定制不同的分辨率和设备，不改变原有内容。

软件特色

　　1、样式检查和W3C + CSE + HTML5验证器

　　TopStyle可以通过你的样式表直接到W3C的验证服务，让你可以快速核对官方规格。

　　2、CSS3媒体查询

　　CSS3允许你指定一个样式表的某些条件。例如，你可以有一个大屏幕显示器，并专门为移动设备设定不同的样式表。TopStyle允许你定制不同的分辨率和设备，不改变原有内容。

　　3、实时拼写检查

　　TopStyle5具备标识拼写错误，并允许您每项问题时的上下文菜单。

　　4、支持Unicode，UTF-8，UTF-16，ANSI等编码。

　　5、影像地图

　　TopStyle5配备了一个内置的影像地图编辑器，可以很容易为您的网页创建影像地图。

安装步骤

　　1、需要的用户可以点击本网站提供的下载路径下载得到对应的程序安装包

　　2、通过解压功能将压缩包打开，打开文件后可以看到运行的必要文件有多个

　　3、找到主程序，双击主程序即可将程序打开

使用说明

　　TopStyle WindowTopStyle有几个屏幕元素，如果您熟悉它们将有助于您的工作。他们包括：

　　可定制的水平工具栏

　　查看栏

　　CSS选择器

　　剪辑库

　　CSS调色板编辑器

　　快速访问面板（垂直工具栏）

　　主编辑窗口

　　检查员

　　文件管理器

　　FTP Explorer

　　产量

　　状态栏

　　可以轻松修改可自定义的水平工具栏，以包含您经常使用的命令的快捷方式。它分为几个部分，包括文件，站点，编辑，视图，CSS，HTML，验证和选项菜单。

　　视图栏将从窗口左侧弹出或固定到位。

　　面板3,4,5,8,9,10和11都是可停靠的，可以通过抓住航向并移动到新位置来重新安排。按[F4]将隐藏可停靠的面板。

　　可以在视图菜单中打开或关闭CSS选择器，剪辑库和CSS调色板编辑器面板。在默认布局中，它们是堆叠的。您可以右键单击任何面板的标题，将它们更改为选项卡式排列。

　　快速访问面板包含常用命令，用于处理样式表或HTML页面。

　　主编辑器窗口将显示您正在处理的文件。如果打开了多个文件，这些文件将显示在面板顶部的不同选项卡上。您可以拖放这些以更改顺序。当前选项卡比其他文件更深灰色。如果已进行更改且文件未保存，则选项卡上的名称为蓝色，旁边带有星号。编辑器可以通过多种方式进行修改。如果您更喜欢与使用的不同的等宽字体，请转到“选项”面板的“选项”[F8]»“编辑器”。如果您更喜欢使用深色背景的编辑器，请修改“颜色编码”页面。建议您滚动浏览此页面和编辑器下的其他页面，以了解如何自定义TopStyle以适合您的工作方式和流程。

　　Inspector，File Explorer和FTP Explorer共享窗口的右侧。在默认视图中，这些是标签式的。您可以右键单击任何选项卡以切换到堆叠视图。

　　页面底部的“输出”面板包含“预览”，“样式检查器”，“消息”，“整洁”和“报告”选项卡。使用CSS或HTML的任何验证方法都将在此面板中显示结果。

　　状态栏将显示错误消息，通知编码，插入符号的位置，并告诉您当前打开的站点（如果有）。

　　html toolbarHTML特定内容

　　HTML工具栏

　　除了上面列出的元素之外，如果在TopStyle中打开HTML文档，则在代码编辑器上方还会显示一个HTML工具栏。可以通过转到“选项”面板“选项[F8]»HTML工具栏”来更改此默认设置。工具栏将选项卡下的不同类型的HTML元素分组。单击这些选项卡下的按钮将HTML代码插入到插入符所在的文档中。这是另一种避免不必要的打字和加快工作流程的方法。 “检查员”也将更改为“标签检查员”。

　　HTML结构面板

　　HTML结构面板打开HTML文档时，HTML结构面板将显示在编辑器下方。如果看不到，请转到查看»显示HTML结构面板以显示它。这将显示文档中当前位置周围的所有标记。

　　使用剪辑库剪辑库[Ctrl + Shift + L]允许您将常用的片段存储在中心位置，并将它们轻松插入到文本中，以避免重复键入，并节省您必须记住经常使用但复杂的文本字符串。

　　它通过接受变量或文本来增强键盘快捷键，以使存储的击键序列的每个实例都可自定义。

　　例如，您可能希望使用剪辑库打印出数据库查询。使用键盘快捷键，您可以这样做并每次重复相同的文本。但是，剪辑库允许您为每个查询插入不同的值，然后将自定义查询删除到文档中。

　　片段可以是文本或一系列逐步提示，以增强通用标记。例如，您可以创建超链接标记，但每次调用时都可以使用URL，标题和目标信息对其进行个性化。您可能拥有一个复杂的PHP字符串，并且每次输入时都可以更改变量或服务器名称。

　　剪辑库的目的是减少记住常用文本的复杂序列的需要。

　　查看剪辑库

　　clip-library-listing您可以使用键盘快捷键[Ctrl + Shift + L]打开“剪辑库”面板（如果您已将该组合键重新分配给其他可以通过选择“选项”菜单»键盘快捷键来指定新组合键）或选择查看»面板»剪辑库面板。

　　剪辑库预先配置了ASP，JavaScript，PHP和SQL的代码段库。您可以用您想要的任何语言添加更多自己的语言。

　　TopStyle在文件夹中组织片段。如果不使用该语言构建网站，则可以删除文件夹，例如PHP;如果您喜欢不同的脚本语言，则可以添加新文件夹。

　　添加和删除剪辑和整个文件夹

　　删除文件夹：打开“剪辑库”面板，右键单击不需要的文件夹图标，然后选择“删除”。

　　要添加文件夹：打开“剪辑库”面板，在面板内右键单击（但不要在任何文件夹或其内容上），然后选择“新文件夹”。

　　要添加项目：打开“剪辑库”面板，右键单击要添加项目的文件夹图标，然后选择“新库项目”。

　　插入剪辑库片段

　　使用鼠标插入

　　要使用鼠标插入剪辑库片段，请在“剪辑库”面板中，单击加号（+），展开包含您正在使用的脚本的文件夹。

　　双击相关代码段或拖放它以将其内容插入到您的页面上。

　　如果您不确定代码段包含的内容，请将鼠标悬停在“剪辑库”面板中以显示其内容。

　　剪辑库悬停标题

　　使用键盘插入项目

　　您可以使用键盘快捷键选择和插入剪辑库片段，但不能与使用TopStyle的键盘快捷键存储这些片段的方式相同。

　　为了更快地插入，请使用快速插入[Ctrl + Q]功能显示最多26个样式库项目的菜单。显示菜单后，只需键入与要插入的项目对应的字母。

　　按[Ctrl + Q]可查看触发剪辑库片段插入的键列表。在此示例中，已添加超链接并将其分配给字母A.

　　剪辑库分配

　　上下文菜单要分配更多片段，请配置快速插入，可从打开快速插入时看到的弹出窗口访问，或右键单击“剪辑库”面板中的片段并选择它。

　　打开要使用的脚本语言，然后双击所选的代码段。 TopStyle将为其分配下一个可用字母。显而易见，您有26个选项。与键盘快捷键相结合，可能会涵盖您需要或您能记住的大多数组合。

　　现在，在编辑时，您可以通过打开快速插入，然后打开已分配给代码段的字母将其插入插入符来调用并插入代码段。

　　替换令牌

　　使用剪辑库而不是键盘快捷键的优点（有时）是剪辑库允许您在每个字符串中插入唯一文本。

　　此唯一文本的占位符称为替换标记。当TopStyle遇到替换标记时，它会在编辑器中插入库项目之前提示您输入自定义文本。替换标记由％r [..]分隔，并且这些分隔符之间的文本出现在提示符上。例如，如果您有以下项目：

　　value =“％r [值是什么]”TopStyle将在其上显示“值是什么”的提示。如果您使用“THIS VALUE”响应此提示，则TopStyle将插入：

　　value =“THIS VALUE”剪辑库示例

　　这是一个简单的例子来说明替换令牌的使用。

　　以一个从表中选择数据的数据库查询为例。它可以是重复的，Clip Library预见并尝试简化的用途。