What are CSS editing tools? TopStylePro tips

Source: Internet
Author: User
Tags html validator w3c html validator css validator

When writing CSS, you may think that notepad is not the best. What css editing tools can improve the coding efficiency?
TopStyle is a CSS editing tool that I have been using. I did not study it carefully at first, but later I looked at the features and found that it is really powerful!
Here, I would like to share my experience with you. I often use the shortcut keys when editing CSS:
Text Note: Shift + Ctrl + M
Indent to the right: Shift + Ctrl +.
Indent left: Shift + Ctrl +,
Next CSS: Ctrl +]
Previous CSS: Ctrl + [
Select color: Shift + Ctrl + C
Cannot be undone after saving (Ctrl + Z )?
Let's change it. The option location is Options -- Editor -- Select Enable undo after save.
Automatic replacement
For example "! I "then press a space and TopStyle will automatically "! I "replace "! Important"
Option location: Options -- Editor -- Auto Replace. You can also add quick input by yourself.
Tree type CSS
Sometimes do you think CSS is too much to browse? TopStyle provides a thumbnail that hides CSS content and only displays the selector name.
Option location: Options -- Editor -- Rule Collapsing Select Enable rule collapsing
Quick verification
The W3C CSS Validator and W3C HTML Validator buttons in the shortcut menu are very convenient. After editing, you can check whether the verification is successful.
Style Sheet scavenger
The TopStyle built-in CSS sorting function is recommended below. Style Sheet scavenger Style Sweeper. It can organize your CSS in a very neat and standard way. A very good feature.
Option location: Tools -- Style Sweeper
Rules Rule panel: Rule Format can be set to display multiple rows in a single row.
Combine Rules sets whether CSS combinations with the same attributes will exist.
Selectors Selector panel: Select Tor Case to set the Case sensitivity of the Selector.
Selector order sets the sorting method of the Selector.
Property panel: set the Case sensitivity of the Property Case.
Property order sets the sorting method of the attribute.
Shorthand Properties attribute panel: you can select the abbreviation of font, background, margin, and padding attributes.
Other Others property panels:
Color Format: you can select hexadecimal, RGB, and Color name.
After talking about this, I hope you can continuously improve your CSS capabilities in practice. 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.