What is defensive CSS?

Defensive CSS is a series of CSS practice techniques. Designers and developers can use these practice techniques to write safe and robust CSS code, thereby reducing possible errors in the user interface.

We can use defensive CSS as a strategy, which can help us reveal some potential problems, so that we can avoid these problems as much as possible when designing or writing code, and better complete the construction and interaction of the user interface.

For designers, defensive CSS can help designers understand the unknown content that may occur, deal with these unknown content, and improve the design.

For developers, defensive CSS can be regarded as a high-level CSS reset.

Currently, defensive CSS includes 24 defensive techniques.