CSS Core Knowledge Summary

1, Learning CSS "box model" (top) (emphasis)


http://www.108js.com/article/article8/80058.html?id=1766


One is to understand the internal structure of a single box, and the other is to understand the relationship between multiple boxes.


This paper first explains the independent box-related properties and then introduces the arrangement of the boxes in the ordinary case. The next one will be more in-depth on floating and positioning related content.


In order to adapt to various typesetting requirements, the idea of CSS specification is: First determine a standard typesetting mode, this is the "standard flow."
But only through the standard flow mode, a lot of typesetting is not possible, the CSS specification also gives several other ways to layout the box, including "floating" and "positioning" and other properties, some elements of the special layout.


2. Learn CSS "box model" (bottom)


http://www.108js.com/article/article8/80059.html?id=1767


3. Relative positioning and absolute positioning of div


http://www.108js.com/article/article8/80005.html?id=195 (good talk, see)


Http://www.108js.com/article/article8/80001.html?id=1 (General)


Relative positioning is relative to the position of the block element in the document flow, and the relatively positioned element occupies the document flow space.


Use absolute positioning is also can put div2 to the right of DIV1, and absolute positioning is not occupy the document flow space, absolute positioning is a good thing, can display the content to any location on the page, but for our programmers, but can not use too much absolute positioning, Because the program dynamically adds content to the Div, the size of the div is not known, and the location of each div cannot be determined to die.


4. Float float


http://www.108js.com/article/article8/80068.html?id=1796 (Speaking well)