CSS Editor: Topstylepro usage Tips

Source: Internet
Author: User
Tags format html validator css validator
When you write CSS may think that Notepad is not the best, what CSS editing tools can improve the efficiency of our coding?   TopStyle (click to download: TopStyle v3.5 beta 4) is I have been using the CSS editing tools, the beginning is blind to use also did not study carefully, but later put the function of the inside carefully look at the discovery of its function is really too powerful!   Share the experience here, I used to edit the CSS shortcut keys: Text Note: Shift+ctrl+m to the right indent: shift+ctrl+.   Indent left: shift+ctrl+, next css:ctrl+] Previous css:ctrl+[selected color: Shift+ctrl+c cannot be revoked after saving (ctrl+z)? We'll change it. Option Location: options--editor--Select Enable undo after Save auto Replace for example, if you hit "!i" and then press a space, TopStyle automatically replaces "!i" with the "!important" option location: Opti   Ons--editor--auto Replace you can also add your own shortcut input. Does the tree CSS sometimes feel that CSS is too much to browse?   TopStyle provides a convenient way to hide CSS content by displaying only the name of the selector. Option location: Options--editor--rule Collapsing Select the Enable rule collapsing fast check the the list of CSS Validator and the HTML Validator button in a quick checkout shortcut menu is easy to edit   Once you've finished, you can tell if you passed the checksum. Style sheet scavenger below solemnly recommend TopStyle with CSS finishing function. Style sheet Scavenger style sweeper. It can organize your CSS very neatly, the specification.   A very good feature.   Option location: Tools--style Sweeper Rules Panel: Rule format can set up a single line of multiline display.   The Combine rules setting will have CSS combinations of the same attributes.   Selectors selector Panel: selector case settings Selector.   Selector the order settings selector.   Property Properties Panel: The case of property set properties. Property Order Setting propertiesSort the way.   Shorthand properties Abbreviation Property panel: You can select the font, background, margin, padding attribute abbreviations.   Others other Properties panel: color format color formats: You can choose hexadecimal, RGB, color names, and so on. Said so much or hope everyone in practice constantly improve their CSS ability, TopStyle is a good helper!


Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.