Sublime Text Secrets You Don’t Know (Part 1)

I believe many people are familiar with Sublime Text, but some newcomers may feel unfamiliar with the use of Sublime Text. Then, in the Sublime Tutorial column, I will introduce you to Sublime Text. Little secrets you don’t know. [Recommended tutorial: sublime tutorial]

1. Quickly type out the HTML5 document type

Want to quickly type out the HTML5 document type , you can directly enter "!" or "html:5", and then press the tab key, the HTML5 document type will appear. Enter html:xt, which is used for the XHTML transition document type.

2. Easily add attributes and text as well as classes and ids

For example: p#foo Supplementary ID

p.foo Supplementary class

h1{foo} and a[href=#] for h1 and a tags

3. Quick use of nested formats

> symbol is represented The symbol of the child element is mainly used for the use of nested elements. The symbol represents the label symbol of the same level, and ^ represents the label before the symbol that is promoted by one line.

4. Define multiple elements, for example: ul>li*3

5. Define multiple elements with attributes, for example: ul>li.item$*3　$ represents different mantissas 1, 2, 3

6.Css shortcut

Enter w100 =》means width : 100px;

p represents %. Some fuzzy matching is still easy to use, such as: ov:h, ov-h, ovh and oh.

The above is the complete introduction to the secrets you don’t know about Sublime Text (Part 1). For more information, please pay attention to the php Chinese website.

The above is the detailed content of Sublime Text Secrets You Don’t Know (Part 1). For more information, please follow other related articles on the PHP Chinese website!