CSS编辑工具Topstyle轻松打造网页风格

本文特意为你找来了一款CSS编辑利器——Topstyle,利用它你能轻松做出更有风格的网页来!

精彩、漂亮是每一个设计者在制作网页时的不懈追求,而网页的精彩几乎都离不开CSS的强力“支撑”;CSS是一种为超文本标签语言提供增强补充服务的技 术,可对每一个html的标签做精雕细刻的修饰。活用CSS,将会使网页更加生动活泼。不过,普通的网页编辑工具在CSS方面,表现难能让人满意;为了充 分发挥CSS潜能,设计出更加美丽的网页.

  最新版本:3.11
  文件大小:3836KB
   软件性质:共享
   使用平台:Win9x/Me/NT/2000/XP

  软件功能

   该程序是一款功能强大的CSS编辑设计工具,功能相当多,不但你可以轻松创建各种样式的文件,而且方便对已有的样式进行编辑,其内置的CSS码检查功 能,可以让你减少写错的机会。特别是它的HELP文件中详细的各种CSS指令介绍,很适合用作参考文件和初次接触CSS的用户学习使用。

  下载安装

   Topstyle是一款专门用来让设计和编辑样式的工具,它的大小已经达到4M左右,可以说该软件是那种“强壮剽悍”型的,不过身材庞大也意味着该软件 实现的功能是比较新颖、实用和强大的。利用该软件,我们可以随心所欲地创建各种样式表文件,并且能为网页轻松设计出各种令你感到非常满意的视觉效果。从网 上下载下来的Topstyle是一个扩展名为exe的可执行文件,大家在进行安装之前,可以直接用鼠标双击它,这样系统就能自动打开一个标准的 windows程序安装界面,我们只要按照界面的提示,一路单击next按钮就能顺利完成安装了。该程序在没有注册的情况下,可以在同一台计算机中使用 20次;随Topstyle一起安装到系统中的还有一个名为Topstyle lite的程序,该程序在使用次数上没有什么限制,不过在功能方面肯定会有所限制,但对于普通个人用户来说,它提供的功能已经足够了!


图1

   安装完成后,程序在默认状态下会自动在系统的开始菜单中添加一个Topstyle程序运行菜单项。此时,我们要是想运行Topstyle程序的话,可以 用鼠标依次单击“开始”/“程序”/“Topstyle 3”,屏幕上首先会出现一个样式定义向导窗口,在初次使用该程序时,可以先一路单击“next”按钮,这样就能打开一个如图1所示的程序主操作界面了。为 防止日后用户暂时不需要该软件时,该程序会占用的系统资源可能较多,我们可以在控制面板窗口中,利用添加删除程序来将Topstyle程序的所有组件彻底 从系统中清除,因此从这个意义上来说,该软件还可以称得上是一款绿色软件。一旦运行该程序后,该界面就是一种完全的XP风格,让人感到亲切、柔和!

  创建新的样式

   Topstyle程序为我们提供了几种创建新样式文件的方法,其中比较简单的一种就是使用向导功能来创建样式文件;在使用这种方法时,可以先用鼠标单击 主界面中的“file”菜单项,从打开的下拉菜单中执行“New style sheet wizard”命令,这样就能打开一个如图2所示的向导设置界面;用鼠标单击“next”按钮,在接下来出现的界面中,你就能对网页中的文字颜色以及背景 颜色进行合适的设置;设置完成后,继续单击“next”,接着为网页中文字选择一种合适的字体,需要哪种字体时,可以在对应字体前面的方框中打上勾号;完 成了这步设置后,下面你还可以设置网页中文字的大小,文字的加粗属性,网页中超级链接的正常显示颜色以及单击后的颜色变化,完成所有相关参数的设置后,向 导设置框还会打开一个如图3所示的预览界面;要是对设置的效果感到满意的话,可以继续用鼠标单击“next”来完成最后的样式创建任务。倘若对设置的效果 不满意的话,还能在这里单击“previous”按钮,来返回到前面的设置页面中,重新调整网页的样式属性,直到自己满意为止。最后,我们可以为上面创建 的样式文件起一个名称,同时选择好文件保存的位置,并单击向导界面中的“finish”按钮结束样式文件的创建工作。


图2


图3

   编辑已有样式

   除了创建新的样式外,我们还能对目前已经存在的样式文件进行编辑和调整。编辑调整时,可以在主界面中依次执行“file”/“open”命令,来将已有 的样式文件打开,任何在Topstyle程序界面中,利用工具栏中的各种工具按钮,来对样式文件进行任意修改;要是自己非常熟悉网页源代码的话,可以选择 在源代码窗口中来进行修改(如图4所示),倘若对源代码比较“感冒”的话,我们还能在Topstyle程序界面右上角的“Style Inspector”子窗口中来修改,这样可以更直接一点,而且在这里我们几乎也能修改样式中的任意参数,比方说网页文字的大小、字体、颜色,网页的背景 颜色、超级链接的颜色等。此外,执行菜单栏中的“file”/“open from web”命令,在随后打开的窗口中直接输入某网站的网址,我们就能对指定网站上的网页样式进行修改和编辑了。


图4

  检查样式错误

   在编辑修改样式的过程中,可能会因操作不慎,出现这样或者那样的错误,此时你大可不必担心,因为Topstyle程序为我们提供了CSS码的错误检查功 能,这样我们在修改过程中,产生的任何错误Topstyle程序都不会忽略。我们对样式的任何一步修改和创建工作,都在Topstyle程序的“监控”之 下,一旦修改出错的话,程序会马上弹出一个对话框,如图5所示,来提醒我们当前样式中出现了错误;同时在主界面的源代码编辑子窗口中,我们会发现程序在出 错的地方以红颜色来突出显示;而在“Style Inspector”子窗口中,程序会以蓝颜色将出错的地方突出显示出来;一旦我们将错误调整过来后,对应位置处的突出显示颜色也会自动消失。


图5

  预览样式效果

   Topstyle程序还为我们提供了即时预览功能,利用该功能,我们对样式参数每一步的修改效果都能被即时显示出来。主界面中的“Output”子窗口 就是用来即时预览样式效果的,在该子窗口中,我们发现它包含了五个标签页面,用鼠标单击“preview”标签,就会看到具体的样式预览效果了;由于 Topstyle程序支持各个版本的IE浏览器、Netscape浏览器以及Opera浏览器,因此我们可以对各种样式进行边修改边预览,从而保证了样式 编辑的效率。此外,在“Style checker”标签页面中,我们能很清楚地看到当前样式文件中,有哪些语法上的错误,用鼠标单击其中的某一错误内容后,Topstyle程序还能弹出一 个信息提示,来知道我们该如何正确改正语法错误。在其他的标签页面中,我们还可以了解到当前样式表的一些注释和统计信息,例如样式文件中包含了多少行内容 等。

  辅助学习功能

   Topstyle程序特别为那些刚刚接触CSS的菜鸟用户 们,提供详细的帮助功能。利用该功能,用户可以从该程序内置的help文件中,查询到与CSS相关的各种指令的详细用法介绍,以及编写CSS原代码的一些 小技巧,菜鸟完全可以将它作为一个很好的CSS资料来学习使用。

   此外,与Topstyle程序一起安装的Topstyle Lite版本,相对来说,功能更简洁明了,我们可以在Topstyle程序的安装目录中运行这个简装版程序;该程序只为我们提供了简单的样式文件的编辑、 创建以及预览功能,而没有向导创建功能、CSS码检查错误功能等,不过这些功能对菜鸟用户来说,已经是绰绰有余了!

   总之,Topstyle程序的整体性能很不错,是一款不可多得、不可不用的样式表编辑工具。有了Topstyle程序的帮助,相信你一定会成为一位出色的CSS编辑和设计专家。

(0)

相关推荐

  • CSS编辑工具Topstyle轻松打造网页风格

    本文特意为你找来了一款CSS编辑利器--Topstyle,利用它你能轻松做出更有风格的网页来! 精彩.漂亮是每一个设计者在制作网页时的不懈追求,而网页的精彩几乎都离不开CSS的强力"支撑":CSS是一种为超文本标签语言提供增强补充服务的技 术,可对每一个html的标签做精雕细刻的修饰.活用CSS,将会使网页更加生动活泼.不过,普通的网页编辑工具在CSS方面,表现难能让人满意:为了充 分发挥CSS潜能,设计出更加美丽的网页. 最新版本:3.11 文件大小:3836KB 软件性质:共享 使

  • 20行Python代码实现一款永久免费PDF编辑工具的实现

    PDF(Portable Document Format),中文名称便携文档格式是我们经常会接触到的一种文件格式,文献.文档...很多都是PDF格式.它以格式稳定的优势,使得我们在打印.分享.传输过程中能够最优的保持原有色彩和格式. PDF是以PostScript语言图像模型为基础的一种文档格式,它在格式的稳定性方面虽然具有很大优势.但是,在可编辑性方面却为使用者引入了另外一个困扰. 例如,在文档的分割.合并.剪切.转换.编辑等方面PDF就有些捉襟见肘了. Adobe Reader.福昕阅读器.

  • 20行Python代码实现一款永久免费PDF编辑工具

    目录 PyPDF2 删除PDF页 合并PDF 旋转 添加水印 加密 pdfminer PDF转TxT 总结 PDF是我们经常会接触到的一种文件格式,文献.文档...很多都是PDF格式.它以格式稳定的优势,使得我们在打印.分享.传输过程中能够最优的保持原有色彩和格式. PDF是以PostScript语言图像模型为基础的一种文档格式,它在格式的稳定性方面虽然具有很大优势.但是,在可编辑性方面却为使用者引入了另外一个困扰. 例如,在文档的分割.合并.剪切.转换.编辑等方面PDF就有些捉襟见肘了. Ad

  • jquery+CSS实现的水平布局多级网页菜单效果

    本文实例讲述了jquery+CSS实现的水平布局多级网页菜单效果.分享给大家供大家参考.具体如下: 这里演示的Jquery和CSS共同实现的网页常见的导航菜单,支持两级形式,蓝色风格,最多支持二级,三级可能要对代码进行改造了.本菜单属于中规中矩型,实用性比较强,适合的网站种类也是很多的,希望大家会喜欢. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-css-scroll-nav-menu-style-codes/ 具体代码如下:

  • 使用asp.net mvc,boostrap及knockout.js开发微信自定义菜单编辑工具(推荐)

    前言 微信的接口调试工具可以编辑自定义菜单,不过是提交json格式数据创建菜单,非常的不方便还容易出错.网上的工具不好用,所以就自己写了一个. 正文 先用bootstrap排个页面框架出来,调用自定义菜单接口需要用到AccessToken,放个输入框输入AccessToken.也不排除想直接输入AppId和AppSecret来获取AccessToken的用户,所以还需要下拉菜单来选择是输入AccessToken还是直接获取AccessToken.为了兼顾微信企业号应用创建菜单还需要AgentId

  • 纯JS打造网页中checkbox和radio的美化效果

    图片素材: 效果图: <head> <style> BODY { FONT-FAMILY: "Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif; FONT-SIZE:62.5% } LABEL { MARGIN-RIGHT: 1.2em } .custom-checkbox { POSITION: relative } .custom-rad

  • Android自定义ViewGroup打造各种风格的SlidingMenu

    上篇给大家介绍QQ5.0侧滑菜单的视频课程,对于侧滑的时的动画效果的实现有了新的认识,似乎打通了任督二脉,目前可以实现任意效果的侧滑菜单了,感谢鸿洋大大!! 用的是HorizontalScrollView来实现的侧滑菜单功能,HorizontalScrollView的好处是为我们解决了滑动功能,处理了滑动冲突问题,让我们使用起来非常方便,但是滑动和冲突处理都是android中的难点,是我们应该掌握的知识点,掌握了这些,我们可以不依赖于系统的API,随心所欲打造我们想要的效果,因此这篇文章我将直接

  • CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载

    对于每一个Web developer来说,浏览器的兼容都是个大问题,其中Firefox和IE又是最主要的用户浏览器.一般我们会安装不同的浏览器来进行测试,Firefox用户则可以使用IE tab这人扩展来进行调试. 现在,你可以试试下面这个应用程序,或许能为你的开发工作带来不少方便,界面就像Dreamweaer之类的,左边显示CSS代码编辑区,右边分两栏显示IE和Firefox下的调试效果.当然,布局 肯定是可以调整的. 这个程序也可以用来调试你的网页在IE和Firefox下的显示效果. 提示:

  • 超强IE 也可由你轻松打造(下)

    作者:   付谦                               通过阅读上篇文章,你是否对自己的浏览器抱有更大信心了呢?我相信经过这样一番强化后,日常浏览接触到的内容将不会再对你的浏览器构成什么威胁了.然而,对于那些常常将浏览器置身于危险环境中的朋友们,你们将不可避免地遭到恶意代码的侵袭,这时请不要慌张,正确的处理将使你们化险为夷. 第一部分: 首先我们来说说潜在威胁:通常情况下,当你浏览一个含有恶意脚本的网站时,你会碰到不止一种恶意脚本,而是多个.它们分工明确:一部分负责修改注册

  • 超强IE 也可由你轻松打造(上)

    作者:   付谦                               没有人可以否认,作为一款出色的并被广泛使用的浏览器,IE同时受到了如此多的批评和赞扬.当你坐在电脑前使用IE的时候,你会习惯于它的简单易用和强大的整合功能,但同时你也会受到针对IE漏洞设计的恶意脚本和病毒的侵扰.正所谓鱼和熊掌不可兼得,在微软努力修补漏洞的同时,我们又能做些什么呢? 为了方便大家更加熟悉和了解如何更好的使用IE,我以一个干净的,未经任何保护的IE为开始,通过配置逐渐地将它变得安全,更为重要的是,文章不光

随机推荐