Front End Knowledge Review one (css)

1. Clear Float

The parent box has a height of 0 and the child box is positioned and Floated. The box will not open up the parent box

Clear Method:

clear:both;

overflow:hidden;

Add Empty Label

Single/double

{      content:".";       didsplay:table;}     . fixclear:after{      clear:both;  } . Fixclear {      *zoom:1;  }

//single label. Fixclear:after {    content:"0";     Display:block;     height:0;     ling-height:0;     visibility:hidden;    Clear:both;}     . fixclear{    *zoom:1;  Compatible with     ie}

2. The species method of hiding the box

1.display:none; Hide the box, do not occupy the position

2.overflow:hidden; Hide Overflow part

3.visibility:hidden: Hide box, occupy position

4.opacity:0; hide the box, occupy the position (after setting the transparency, the content contained inside is also Transparent)

5.position-left/top:-999em; hide the box, not occupy the position

3. A height box, the child box height exceeds the height of the parent box, the parent box will be bursting;

4. Without the height of the box, the Child box will open the parent box

5. Floating Box can't hide the text of standard stream

6.cursor:pointer Mouse Small Hands

7.dotted Dot Dashed dashed line

8. Hierarchy

The float is higher than the Standard. The positioning is higher than the floating

Lower box level than standard flow with negative z-index

　　　　

　　　　　　

Front End Knowledge Review one (css)