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