From http://hi.baidu.com/yongqihejiqing/home
"
Span-X: Set its Float: left; Width :( x * 40-10) Px; Margin-Right: 10px; Border: When border is set, Padding-Right: 4px; Margin-Right: 5px; Border: 1px solid # Eee; When they are set at the same time (CSSName: stacked style sheet ), So margin-Right: 5px will overwrite the above margin-Right: 10px; <Div class = "span-1 border"> <p> phpzht@gmail.com </P> </div> Its style is: Float: left; Width: 30px;/* (x * 40-10) Px ;*/ Padding-Right: 4px; Margin-Right: 5px; Border: 1px solid # Eee; .Last, Div.LastMainly for: margin-Right: 0; It is usually used in classes like span-X, and because span-X has a margin-Right: 10px.LastOr Div.LastAfter Margin-Right: 0; will overwrite margin-Right: 10px;
explains the preceding Code : first Div: prepend-1 means: padding-left: 40px; span-1 means: width: 30px; margin-Right: 10px; second Div: prepend-20 means: padding-left: 800px; (20 * 40px) span-1 means: width: 30px; margin-Right: 10px; append-1 means: padding-Right: 40px; last means: margin-Right: 0px; LastCSSCode: First Div :{ Padding-left: 40px; Width: 30px; Margin-Right: 10px; } Second Div :{ Padding-left: 800px; Width: 30px; Margin-Right: 0px; Padding-Right: 40px; } |
"