2011年10月21日星期五

UGG UK WEB front-end development specification document

with CSS page layout is becoming increasingly popular, most sites have adopted domestic CSS page layout of the production methods, DIV + CSS code in the application is easy to make mistakes,UGG UK, Here are some common errors to help novices get more friends good learning and progress.
First, check the HTML element for spelling errors you forget the closing tag
even veteran also often mistaken div nested relations. You can use dreamweaver validation function to check for errors.
Second, check the CSS
check whether the correct spelling mistakes, you forget the end of the} and so on. CSS can be used CleanCSS to check for spelling errors. CleanCSS This is a tool for CSS to lose weight, but also check out the spelling error.
Third, determine where the failure occurred
If the error affected the overall layout, you can remove each div block, remove a div block until after the show returned to normal, you can determine where the failure occurred.
four, using the border property to determine the error characteristics of the layout elements using the float property layout accidentally
error occurs. Then add the border attribute for the element to determine the element boundaries, causes of the errors that get to the bottom.
five,UGG UK, float element's parent element is not specified under the clear property
MacIE float if the element's parent element using the clear property, the layout elements will float around the chaos. This is the famous MacIE bug, if they do not know will be detours.
six, float element must specify the width attribute
many browsers do not specify the width of the display element will float bug. So no matter what the contents of float elements, be sure to specify the width of its properties.
seven, float element can not specify margin and padding properties such
IE display specified in the margin and padding of the float element has a bug. So do not specify the float elements margin and padding properties (elements can be nested inside a div float to set the margin and padding). You can also use the hack method specified for the particular value of IE.
eight, float element and the width of less than 100%
If the width of float elements and is just 100%, some old browsers will not display properly. Therefore, please ensure the width and less than 99%.
nine,UGG UK, whether to reset the default style?
certain properties such as margin, padding, etc., different browsers have different interpretations. It is best to first of all before the development of margin, padding set to 0, the list style set to none other.
X. forgotten to write DTD
whatever adjustments if different browsers display the same results or not, you can check the beginning of the page.

没有评论:

发表评论