A front end face questions (CSS-related)

display: none and visibility: hidden the difference?

display: none to hide the corresponding elements are no longer assigned to it in the document layout in space, it will close the sides of the elements,
it is when he never existed.

visibility: hidden hides the corresponding elements, but still retain the original space in the document layout.

The difference between the CSS @import and link is?

(1) link part of the HTML tags, and CSS @import is provided;

(2) the page is loaded, link will also be loaded, and references @import CSS will wait until the page has finished loading before loading;

(3) import IE5 only to identify more, the HTML link tag, no compatibility problems;

Right pattern (4) link weights above embodiment @import heavy weight.

The absolute position and fixed in common and differences?

Common:
presentation element 1 changes the row, is set to the display block; 2 allows elements from the normal stream, does not occupy the space; 3 overlaid on the non-default positioning element.

Different points:
Absolute "root element" can be set, and fixed the "root element" is fixed to the browser window. When you scroll, the distance between the fixed elements of the browser window is constant.

CSS box model?

IE box model, W3C standard box model;

IE's border and the content section comprises pading; box model includes a content (content), filler (padding), border (margin), the border (border).

CSS selectors What?

  1. id selector (# myid)
    2. class selector ( .myclassname) 
    3. tag selector ( div, h1 of, P)
    4. adjacent selector ( h1 of + P)
     The child selector ( UL> Li)
    6. descendant selectors ( Li A)
    7. Wildcard selector (*)
    8. attribute selector ( A [the rel = "External"])
    9. The pseudo class selector ( A: hover, Li : Child-Nth)
     

Guess you like

Origin www.cnblogs.com/yyc1998/p/11880153.html