1. If in doubt, check immediately
A simple check of the original code when something goes wrong can save you a lot of headaches. W3C has detection tools available for XHTML and CSS. Please note that errors at the beginning of the file may cause more errors due to improper structure and other factors; we recommend fixing some of the most obvious errors first and then rechecking, which may reduce the number of errors.
2. Remember to clear the instructions appropriately when using the floating function
Floating is a dangerous feature and may not produce the results you expect. If you encounter floating elements that extend beyond the border of the surrounding container or other unusual situations, make sure you are doing it correctly. See Eric Meyer's teaching on the Complex Spiral Consulting Web site.
3. Use padding or border to avoid overlapping boundaries.
You might be struggling for a little space that shouldn't be there, or you might be unable to squeeze out a little space when you need it. It's easy to overlap borders if you use margins; Andy Budd explains what's possible on his website.
4. Try to avoid specifying padding/border and height or width on the element at the same time
The Windows version of IE often causes width and height calculation problems. There are some ways to solve this problem, but if the parent element needs to specify the height and width, it is best to apply margin to the child elements within the parent element, or when the child element needs to specify the height and width, apply padding to the parent element to achieve this. Effect.
5. Don’t rely on min-width/min-height
The Windows version of IE does not support both syntaxes. But to a certain extent, the Windows version of IE can achieve an effect equivalent to min-width/min-height, so as long as you add some filtering functions to IE, you can achieve the results you want.
6. When in doubt, reduce the percentage first
Sometimes certain errors will make 50%+50% become 100.1%, causing problems with the web page. At this time try changing these values to 49% or even 49.9%.
7. Remember how to write "TRouBLed"
The abbreviated syntax of Border, margin and padding has a specific order, starting from the top and turning clockwise: top, right, bottom, left. So the result of margin:0 1px 3px 5px; is no border at the top, 1 pixel on the right, and so on. . Remember "TRouBLe" and you won't get the sequence wrong.
8. As long as the value is not zero, the unit must be specified.
CSS requires you to specify units for each font, margin, and other various values. (The only exception is line-height)