CSS is a language that is used by nearly every developer at some point. Great readability of your CSS makes it much easier to maintain in the future. You should start to develop your own "sub-language" of CSS to quickly name things. Use a reset to eliminate browser inconsistencies such as heights, font sizes, margins, and headings.
Table of contents
1. Make It Readable2. Keep It Consistent3. Start With a Framework4. Use a Reset5. Organize the Stylesheet With a Top-Down Structure6. Combine Elements7. Create Your HTML First8. Use Multiple Classes9. Use the Right Doctype10. Use Shorthand11. Comment Your CSS12. Understand the Difference Between Block and Inline Elements13. Alphabetize Your Properties14. Use CSS Compressors15. Make Use of Generic Classes16. Use17. Don't Just Wrap a18. Use Browser Developer Tools19. Hack Less20. Use Absolute Positioning Sparingly21. Use Text-transform22. Don't Use Negative Margins to Hide Your23. Validate Your CSS and XHTML24. Rems and Ems vs. Pixels25. Don't Underestimate the List26. Avoid Extra Selectors27. Add Margins and Padding to All Elements28. Use Multiple Stylesheets29. Check for Closed Elements First When Debugging30. Try to Use Flexbox and Grid Layout Instead of Floats31. Use !important SparinglySort: