DIV+CSS frequently used attributes, parameters and instructions _ Experience Exchange

General class
Overflow:hidden, automatically hide the excess content, prevent the open layer and the scope of the table
!important
Specify application precedence for style rules
Type color: #FF0000; text colors font-family: "Arial", "Helvetica", "Sans-serif"; font font-size:9px; size text-align:center; Center (left is right) line-height:28px, row height (available 150% value) font-style:italic; Italic (oblique oblique) font-weight:bold; service bold (bolder extra thick , 400 thick) Font-variant:small-caps; small capital letter text-transform:capitalize; First letter uppercase Text-decoration:underline Overline Line-through Blink, underlined, strikethrough, blinking text-indent:2em, text indented 2 font height (or 15px, or 15 pixels)
Background class background-attachment:fixed fixed position (scroll scrolling) background: #0066CC; background color (transparent transparent) Background:url (/image/ more2.gif) Background picture background-repeat:repeat Repeat (repeat-x horizontal repeat, repeat-y longitudinal repeat) background-position:center top; horizontally centered vertically ( Left Center horizontal Right vertical center) background:url (/image/dtbg.gif) #FEFEFE
No-repeat
Right bottom (2px 5px);
Background pictures,
Background color, picture not repeat, background picture starts from bottom right corner (picture is 2px from left to 5px)
Frame Position Class
Clear:both on both sides of the floating object (left to reject floating object, right to refuse floating object)
Float:left Floating Object location left (right, the latest train timetable position is located in the right-hand)
position:relative; Relative position, usually set up the best timetable in the superior frame
Position:absolute; Absolute position, with the setting of the superior frame to the frame set, set top and left values
top:5px; Page absolute or relative to top of frame absolute position
left:10px; Absolute or relative to the left of the frame absolute position of the page
width:100px; width 100px
height:200px high 200px (available auto and 100% values)
Margin Shanghai train timetable: 10px 20px 10px 20px;
Upper right left margin (same value to save write margin:10px)
individually specified with margin-top:10px; (Margin-right, Margin-bottom, Margin-left)
padding:20px 10px 10px 20p;
The distance between the upper right and lower left content from the border (the same value can be written padding:10px)
individually specified with padding-top:10px; (Padding-right, Padding-bottompadding-left)
border: #ccc 1px solid Chengdu train timetable;
Four-border color, line width, solid line (dotted dash, dashed dotted line, double double line, Ridge Ridge Line)
Individually specified with border-top: #ccc 1px solid;border-right: #ccc 1px solid
Wait a minute
Project list class List-style-position:outside; location is outside (inside) list-style-image:url (/yh/image/more04.gif); Project symbol Image Guest timetable List-style-type:disc Bullets as dots (circle circles, square squares)
Extended class Cursor:e-resize mouse style Filter:blur (add=4, direction=8, strength=4); filter filter:fliph; Landscape Flip (FLIPV GPRS traffic fee portrait flip)
Set up a link individually
#bottool a:link{color: #fff}; not accessible color
#bottool a:visited{color: #fff}, accessed color flow software
#bottool a:hover{color: #ff0}; mouse on link
So many definitions, in fact, are commonly used in the following categories: Specify a wide-high value width,height; specify background: background; Specify position: float, special position with top and left to locate; set frame margin: margin To set the frame distance in the container: padding several items. The definition of overflow, clear, and!important programs is canceled in my style definition. 1, canceled Overflow:hidden because of repeated experiments, the definition can only hide beyond the height of the container content and can not hide beyond the width of the content. What I need is to be able to automatically hide the content beyond the width of the container, and sometimes it takes the height of the container to open the container with the amount of content. 2, the cancellation of clear definition is because in the actual application of the container and container to understand the arrangement of the relationship between the frame or container position or with float, position, top, left and other precise positioning. 3,!important
Specifies the application precedence of the style rule. This is mainly used in IE and other browsers to distinguish between the effects of the display, my site is to fix the display effect, so there is no priority.
I am also in the study of DIV+CSS, there are improper place please correct, there are perfect places also please keep abreast of the perfect. I think use Div+css to layout the website, the most important is the layout idea question, the different design plan, the design simplified big dissimilarity. I focus on the versatility of the frame or container, designing several types of containers, like the label style in FS4, and then calling the style where needed to achieve versatility rather than specificity. Talk about these today, and then talk about the layout of the design of ideas.