Shulou(Shulou.com)06/03 Report--

I believe that many inexperienced people don't know what to do when writing CSS, so this article summarizes the causes and solutions of the problem. Through this article, I hope you can solve this problem.

You must have heard developers complain:

"We only need to move five pixels to the left, but... Oh, my God! why did the whole thing move down one line? what's wrong?!"

The following is what I, as a developer, think I should not do when writing CSS. You are welcome to correct it and put forward different views.

1. Do not abuse the class

Use ID instead of classes where it makes sense. This is a way to enable browsers to access DOM elements faster.

two。 Don't throw everything into one CSS file

Partition CSS makes it easier to manage. Each CSS file can be decomposed into logical components such as header.css, footer.css, and so on.

3. Do not name the selector ".red-with-green-dashed-lines" (red and green dotted lines)

Name your selector according to the components on the page. For example, "header-left", "content-title" or "content-date" are more descriptive.

4. Don't forget to comment.

Annotations are important in CSS to understand how each style is associated with other styles and what color scheme applies to which components.

5. Don't be afraid of development tools.

Each browser now has its own set of development tools, usually by pressing F12. These tools are critical when "debugging CSS".

6. Don't be afraid to cover

Of course, CSS frameworks, such as Bootstrap and Foundation, are huge, but each needs to be adapted to your needs. When you get an updated framework, it will overwrite your changes. Instead of digging deep into the huge CSS file, you might as well create an bootstrap-overrides.css file and adjust the framework according to your wishes, just...

7. Don't abuse it! It's important.

The overall idea of CSS is to "cascade" styles from one to another. ! The point is to remember that demining is the same as stepping through all previous styles. : -)

8. Do not use a large number of web fonts

This is also obvious, but some people just like to make their own typesetting. Use only one or two (up to three) web fonts on the site, and then return to the browser default settings to keep the site optimized.

9. Do not manually encode all CSS

To maintain the DRY of CSS, you can use a CSS preprocessor such as LESS or SASS. The biggest advantage of using these preprocessors is that you can define variables, such as a color scheme above, and then reuse all CSS without having to track each color when you need to modify it.

10. Don't make CSS too "bloated"

Spaces take up space in the CSS file. Since we all want our CSS to load quickly, it's best to use the CSS compression tool to lose weight before deploying to the site.

After reading the above, do you know what you don't think you should do when writing CSS? If you want to learn more skills or want to know more about it, you are welcome to follow the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.