CSS editing tools TopStyle easy to create Web style _css/html

This article specially for you to find a CSS editing tool--topstyle, using it you can easily make more style of the page!

Wonderful, beautiful is the relentless pursuit of every designer in the production of web pages, and the wonderful web page almost all inseparable from the strong "support" CSS; CSS is a technology that provides enhanced complementary services for hypertext tag languages, and can be crafted with a fine-grained look at each HTML tag. The use of CSS will make the Web more lively. However, the common web editing tools in the CSS, the performance is difficult to be satisfied, in order to maximize the potential of CSS, design a more beautiful web page.

Latest Version: 3.11
File Size: 3836KB
Software Nature: Shared
Use platform: win9x/me/nt/2000/xp

　　Software features

The program is a powerful CSS editing design tool, the function is quite many, not only you can easily create a variety of styles of files, but also easy to edit the existing style, its built-in CSS code check function, you can reduce the chance to write wrong. In particular, its help file in detail the various CSS instructions, it is suitable for use as a reference file and the first contact with CSS user learning.

　　Download installation

TopStyle is designed to allow the design and editing of the style of the tool, its size has reached about 4M, it can be said that the software is the kind of "strong swift" type, but the large figure also means that the software implementation of the function is relatively new, practical and powerful. With this software, we can create a variety of style sheet files at will, and can easily design a variety of Web pages to make you feel very satisfied with the visual effect. Downloaded from the Internet topstyle is an exe extension executable file, everyone in the installation, you can double-click it directly with the mouse, so that the system can automatically open a standard Windows Program installation interface, we just follow the interface prompts, Click on the Next button to complete the installation successfully. The program can be used 20 times on the same computer without registration; There is also a program called TopStyle Lite that is installed in the system with TopStyle, which has no limit on the number of uses, but there are certain limitations in terms of functionality. But for the average individual user, it provides enough functionality!

Figure 1

When the installation is complete, the program will automatically add a TopStyle program run menu item in the system's Start menu by default. At this point, if we want to run the TopStyle program, you can click "Start"/"program"/"TopStyle 3", the screen will first appear a Style Definition wizard window, when you first use the program, you can first click the "Next" button, This allows you to open a program master interface shown in 1. To prevent future users from temporarily not needing the software, the program will take up more system resources, we can in the Control Panel window, with the addition of the removal program to remove all components of the TopStyle program from the system, so in this sense, the software can also be called a green software. Once the program is run, the interface is a complete XP style that makes people feel friendly and gentle!

　　Create a new style

The TopStyle program gives us several ways to create new style files, the simpler one is to use the wizard function to create style files, when using this method, you can first click the "File" menu item in the main interface and execute the "new style" from the open drop-down menu. Sheet Wizard "command, so that you can open a 2 of wizards to set up the interface, with the mouse click on the" Next "button, in the next screen, you will be able to set the text color in the page and the background color of the appropriate settings; After the setup is complete, continue to click" Next ", Then select a suitable font for the text in the Web page, which font you want, you can tick the box in front of the corresponding font, you can also set the size of the text in the page, the bold properties of the text, the normal display color of hyperlinks in the Web page, and the color changes after the click. Once all the relevant parameters have been set up, the wizard settings box will also open a 3 preview screen, and if you are satisfied with the effect of the settings, you can continue with the mouse click "Next" to complete the final style creation task. If you are not satisfied with the effect of the settings, you can also click the "Previous" button here to return to the previous Settings page and re-adjust the style properties of the page until you are satisfied. Finally, we can make a name for the style file created above, select the location where the file is saved, and click the "Finish" button in the wizard interface to end the creation of the style file.

Figure 2

Figure 3

　　 Edit an existing style

In addition to creating a new style, we can also edit and adjust the existing style files. When editing the adjustment, the "file"/"open" command can be executed sequentially in the main interface to open the existing style file, any changes to the style file in the TopStyle program interface, using the various tool buttons in the toolbar, and if you are familiar with the source code of the Web page, you can choose In the Source code window to make changes (4), if the source code compared to the "cold", we can also be in the TopStyle program interface in the upper right corner of the "Style Inspector" sub-window to modify, this can be more direct, and here we can almost modify the style of any parameter, For example, the size of the page text, font, color, the background color of the page, hyperlink color and so on. In addition, execute the "file"/"Open from Web" command in the menu bar and enter the URL of a Web site directly in the window that opens, so that we can modify and edit the page styles on the specified site.

Figure 4

　　Check for style errors

In the process of editing the modified style, you may be careless, such as error, you can not worry at this time, because the TopStyle program provides us with the CSS code error checking function, so that during the modification process, the resulting error TopStyle program will not be ignored. Any step of the modification and creation of the style, in the TopStyle program under the "Monitoring", once the modification error, the program will immediately pop up a dialog box, 5, to remind us of the current style error, and in the main interface of the source code editing Subwindow, we will find that the program in the The wrong place is highlighted in red color, and in the "Style Inspector" Subwindow, the program highlights the error in a blue color, and once we've adjusted the error, the highlight color at the corresponding location will automatically disappear.

Figure 5

　　Preview style Effects

The TopStyle program also provides us with an instant preview function, which allows us to instantly display the effects of each step of the style parameter. The "Output" sub-window in the main interface is used to preview the style effect immediately, in which we find that it contains five tab pages, click on the "Preview" tab with the mouse to see the specific style preview effect, because the TopStyle program supports various versions of IE browser, Netscape browser and Opera browser, so we can modify the various styles of Edge preview, so as to ensure the efficiency of style editing. In addition, in the "Style Checker" tab page, we can clearly see in the current style file, there are some grammatical errors, with the mouse click on one of the error content, the TopStyle program can also pop up an informational hint to know how we correct the syntax error. In other tab pages, we can also learn some comments and statistics about the current style sheet, such as how many lines of content are included in the style file.

　　Assisted learning function

The TopStyle program provides detailed help features especially for novice users who have just come into contact with CSS. With this feature, the user can query the application of the Help file built into the CSS, the detailed usage of the various instructions related to the code, as well as some tips on how to write the original CSS, the novice can completely use it as a good CSS material to learn.

In addition, the TopStyle Lite version, which is installed with the TopStyle program, is relatively simple and straightforward, and we can run this lite-on program in the installation directory of the TopStyle program, which gives us simple style file editing, creation, and preview functions. And there is no wizard to create features, CSS code check error features, but these features for novice users, is already more than enough!

In short, the overall performance of the TopStyle program is very good, is a rare, not to use the style sheet editing tools. With the help of the TopStyle program, I'm sure you'll be an excellent CSS editor and design expert.

