1. check

immediately if you have any queries

can save a lot of headaches when you make a simple test of the original code when you make a mistake. W3C is available for both XHTML and CSS testing tools, see http://s.validator.w3.org. Note that errors at the beginning of the file may cause more errors due to improper structure, etc. we recommend that you correct some of the most obvious errors before re testing, which may cause the amount of errors to be reduced.


2. uses floating function, remember to clear the instruction


floats are a dangerous feature that does not necessarily result in what you expect. If you encounter a floating element extending to the border of a peripheral container or other anomalies, make sure that you are doing the right thing. See the instruction on the 52CSS.com website.


3. boundary overlaps, use padding or border to avoid

you might be stuck with a little space that shouldn’t appear, or you won’t be able to squeeze out a bit of space when you need it. If you have access to margin, it is easy to produce boundary overlap.

4. tries to avoid specifying padding/border and height or width

at the same timeThe

Windows version of IE often results in computational problems with width and height. There are ways to solve this problem, but if you need to specify the height and width of the parent element, preferably sub elements in parent elements within the set of margin, or when the elements need to specify the height and width, the parent element to apply the padding effect.

5. don’t rely on min-width/min-height

Windows version IE does not support two types of syntax. But to some extent, the Windows version of IE can achieve the equivalent of min-width/min-height, so you can achieve what you want with just a little bit of filtering on the IE.

6., if you have any questions, reduce the percentage by

sometimes, certain errors make 50%+50% 100.1%, causing problems with the web page. At this point, try changing these values to 49%, or even 49.9%.

7. remember "TRBL",

border, margin and padding – grammar specific sequence, from the top began to turn clockwise: top, right, bottom, left. margin:0 1px 3px so 5px; is the result of above without borders, the right 1 pixels, and so on. Remember "TRBL", and you won’t be in the wrong order.


Written by 

Leave a Reply

Your email address will not be published. Required fields are marked *