1 background (composite attribute) with font (composite attribute) 2 inline block spacing problem 3 line element margin 4 clear Floating 5 positioned element level 6 Border-radius: Border radius

1 background (composite attribute) and font (composite property):

Background: Whether the link of the color picture tiles the background position is scrolled. (can be arbitrarily transferred or omitted)

Font: Bold font style font size/Line height font style

Font size and style cannot be omitted

2 The spacing problem of the inner block of the line

When the inline block element is adjacent , there will be a few pixels between the inline block elements, which can only be resolved by floating .

3 margin of the element within the line

The upper and lower margins of the inline elements do not work, and left and right.

4 Clear Float

Set a height for the parent box
Clear:both
Overflow:hidden	Triggering the BFC mode can also be used to clear floating
Pseudo-element or double-pseudo-element removal method	. Clearfix:before,. Clearfix:after { /* Clear float, best standard notation */ Content: ""; display:table; } . clearfix:after { Clear:both; } . clearfix { *zoom:1; /*ie/7/6*//* Compatible with IE6 * * }

5 level of positioned elements

If only one element is set absolute not set TRBL will be displayed in the original seat

If only one element is absolutely positioned, and the TRBL value is not written, it will be displayed in situ

The elements that are positioned (relative and absolute or fixed) have a hierarchy of attributes or concepts. If multiple adjacent elements are positioned in the same position, the elements that follow are pressed to the front element by default. If the same element is positioned, the default level is 0, but the elements behind it will be pressed against the previous element. If you want the current element to appear above the next element, you need to change the level of the relationship and use Z-index to change it.

Z-index Value range 0---9999999, preferably positive, try not to use negative numbers.

6 Border-radius: Border radius

Border-radius: Top left, top right, bottom right, bottom left

When four values reach the width or the height of the general will reach a peak

This is a CSS3 property with compatibility issues but does not affect what you want to express

1 background (composite attribute) with font (composite attribute) 2 inline block spacing problem 3 line element margin 4 clear Floating 5 positioned element level 6 Border-radius: Border radius