zh-SG Chinese (Simplified, Singapore) corresponds to cmn-Hans-SG Mandarin (Simplified, Singapore)

zh-HK Chinese (Traditional, Hong Kong) corresponds to cmn-Hant-HK Mandarin (Traditional, Hong Kong)

zh-MO Chinese (Traditional, Macau) corresponds to cmn-Hant-MO Mandarin (Traditional, Macau)

zh-TW Chinese (Traditional, Taiwan) corresponds to cmn-Hant-TW Mandarin (Traditional, Taiwan)

Try to write it as standard "UTF-8" instead of "utf-8" or "utf8" or "UTF8"

HTML tag names, class names, tag attributes and most attribute values ​​must be lowercase

*recommend:*

*Not recommended:*

*recommend:*

*Not recommended:*

*recommend:*

*Not recommended:*

*recommend:*

*Not recommended:*

JPEG format will be given priority, and WebP format will be given priority if conditions permit.

Try not to use PNG format, PNG8 has too low color bits, PNG24 has low compression rate and large file size.

The size of a single image on the PC platform should not be larger than 200KB.

PNG and GIF formats, give priority to using PNG format, PNG format allows more colors and provides better compression rate

For images with relatively simple colors, such as solid color block line icons, give priority to using the PNG8 format and avoid using the JPEG format.

The PNG24 format will be preferred if the image is rich in color and the image file is not too large (less than 40KB) or has a translucent effect.

For images with rich colors and relatively large files (40KB - 200KB), JPEG format is preferred

Wherever possible, WebP will be preferred over PNG and JPEG formats.

Compact format (Compact)

Expanded format (Expanded)

Style selectors, attribute names, and attribute value keywords are all written in lowercase letters, and uppercase and lowercase letters are allowed in attribute strings.

Use the universal selector `*` sparingly - Don't use ID selector - Do not use tag selectors without specific semantic definitions

Uniformly use four spaces for code indentation so that all editors behave consistently (each editor has relevant configurations)

A semicolon must be added at the end of each attribute declaration;

There is a space between the opening bracket and the class name, and a space between the colon and the attribute value.

Comma separated values, a space after the comma

Open a new line for a single css selector or new declaration

There are no spaces in the color values ​​`rgb()` `rgba()` `hsl()` `hsla()` `rect()`, and the values ​​should not contain unnecessary 0s

If the hexadecimal value of the attribute value can be abbreviated, use abbreviations as much as possible.

Do not specify units for `0`

When css attribute values ​​require quotation marks, use single quotation marks uniformly.

1. Layout positioning attributes: display / position / float / clear / visibility / overflow (it is recommended to write display first, after all, it is related to the mode)

2. Own properties: width / height / margin / padding / border / background

3. Text attributes: color/font/text-decoration/text-align/vertical-align/white-space/break-word

4. Other properties (CSS3): content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient…

**Notice**