Web Design Css+div Learn notes shorthand

Now has entered the era of web2.0, the site also began to become standardized gradually, the site source code will also follow the most standard div to design. We used to use table to make the site of the code to start a new study, this is a recent study of CSS since some of the experience of the notes, I hope that the novice can provide a great help. Shorthand is very convenient for us Chinese, from the five to the present CSS formula, is definitely not a foreigner can imagine.

In the process of doing a website, often to modify the site template, and templates are controlled by CSS. If you are using CSS to design the layout of the bug, please read the following carefully, very easy to remember, do not know which person to the CSS bug into the * * * * *! Look good, remember?

One, ie border if no, should pay attention to, must be the height set has been forgotten;
Two, the float has the reason, wants the parent layer to contain, follows floats to be clear, the container naturally to be obvious;
Three or three pixel text slow move don't panic, height settings help you busy;
Four, compatible with each browsing should note that the default set row height may be * * *;
Five, independent clearance float to bear in mind, row height set no, high set 0, design effect and browsing;
Six, the study layout must train of thought, the road along with the layout principle natural straight, easy to control the HTML, the water flow layout less hack, the code is refreshing, is compatible, the friendly engine likes welcoming.
Vii. all tags have the source, but the default is different, span is the infinite, the two instrument----inline and block-level, IMG more special, but also in compliance with the law, the other just to change the different, a * number all to the original, cascading style to practice more, all things are law.
Eight, the picture link typesetting must be careful, picture link text link if alignment, padding and vertical-align:middle to set, although the difference is fine.
Nine, ie floating bilateral distance, please use display:inline detention.
Ten, the list of horizontal layout, list code must be close to, the gap from the elimination of the need to remember.