CSS applications
Border module
Set the border style
border-style:: If it is a value that represents the four sides of the same style; if the two values is then the first value represents a vertical, transverse second value representative; if the three values, a first value representative of the second values representative of left and right, a third value representative; if four values, according to the representative of the order, right, down, left, noneindicating that no border
dashed: dashed border
double: solid double line border
solid: solid line
dotted: small broken line
may be provided separately one to four border: border-right-style:set the right border style
Adjusting the thickness of the border
border-width:It may be followed by four values, and the order border-style:consistent
Set the color of the border
border-color:Four values may be followed, as sequential
may be provided one to four individual color frame: border-right-color:Set the right border of the color
border:1px solid yellow;setting style and color border thickness
border-collapse:collapse;Set inside a table adjacent to the border whether to merge (default not merge, collapse the merger)
Module margins
Using block elements have the effect
margin-left:Left Margin
margin-top:on Margin
margin-right:Right Margin
margin-bottom:bottom margin
margin:can be followed by four values of
padding:the margin of the contents from the container with the paddingcause of each container is increased to increase the vertical and horizontal paddingworth size
The DIV (layer) application
DIV + CSS application used in the arrangement, an advantage, to reduce the code amount ratio Table layout easy maintenance and
DIV is a block-level element, a plurality of vertically placed DIV default, if you want these block elements placed horizontally, using float:left;
clear:left;Clear left floating
clear:both;Clear floating around
clear:right;Clear floating right
seamless to the outermost box above and browser use in CSSmargin:0px;``padding:0px;
An alignment layer
- Relative positioning: the location of the current layer is positioned as a reference where
position: relative;
top:50px;
left:50px;
right: ;
botton: ;- Absolute positioning: If the parent container positioning, then the layer will be the parent container basis, if the parent container is not positioned, then the page as a reference layer
position:absolute;
top:50px;
left:50px;
right: ;
botton: ;z-index:The higher the number, the more the position of the upper layer of the
overflow:hidden;overflow layer content hidden scroll;layer have a scroll bar
Set mouse pointer
cursor: ;
Menu Settings
Unordered list menus
aligned vertically instead of horizontally aligned unordered list floating: float:left;
the line elements into the block-level elements:display:block;