HTML---Summary

(1) A negative margin can make a box without width larger.

For boxes with width, there is no float , only margin-top and Margin-left are valid, if floating , margin-floating direction is valid,-top is valid, Margin-bottom is invalid. (It is not possible to set a margin-bottom or right=0px box on the side, if that is almost a positioning)

(1.1) Margin question:

　　margin-top Drag : The margin-top of the child is given to the parent
Workaround: Add a border to the parent level
Add Overflow:hidden to the parent level;
Margin-top with parent padding-top instead of children

Consolidation of margin:
Solution: Write a direction

(1.1) Clear float three ways:

1. Add Overflow:hidden to the parent level;
2. Add an empty div div{clear:both to the floating element's sibling;}
3. Add class name to parent Clearfix
. Clearfix:after{content: '; display:block; clear:both;}

(2) To solve the IE6 fixed positioning incompatible scheme: http://www.css88.com/archives/673#more-673

1 JS analog 2 CSS hack 3 ie conditional annotation solution

(3) The bottom in the positioning is based on the visible area to walk, not according to the body height.

(4) Border-radius is the CSS3 property, compatible with ie9+, the formation principle of fillets, see,

Border-radius:50px 106px 162px 32px/ 50px 80px 178px 26px; Standard syntax format, horizontal radius and vertical radius

　　　　

(5) Anchor point <a href= "#one" > Catalogue: Chapter One </a>

(6) Form element, radio button

for = "box" > Beauty </label><input type= "checkbox" id= "box"/> or for = "box" >    <input type= "checkbox" id= "box"/> Beauty </label>

(7)

HTML---Summary