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!
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.