Div+css frequently used properties, parameters and instructions _ Experience Exchange

General class
Overflow:hidden; automatically hides out-of-bounds content to prevent layers and tables from being stretched
!important
Specify application precedence for style rules
Text class color: #FF0000; text color font-family: "Arial", "Helvetica", "Sans-serif"; font font-size:9px; size text-align:center; Center (left to Line-height:28px, right to live), row height (150% value available) Font-style:italic, italic (oblique skew) font-weight:bold; service bold (bolder extra thick , 400 coarse value) font-variant:small-caps; small capital letter Text-transform:capitalize; First Capital Text-decoration:underline Overline Line-through blink; underline, underline, strikethrough, blinking text-indent:2em; text indent 2 fonts high (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 image background-repeat:repeat; repeat (repeat-x horizontal repeat, repeat-y longitudinal repeat) background-position:center top; horizontal Center vertical top ( Left Center horizontal vertical center) background:url (/image/dtbg.gif) #FEFEFE
No-repeat
Right bottom (2px 5px);
Background pictures,
Background color, picture does not repeat, background picture starts from bottom right corner (picture distance 2px from left 5px)
Frame Position Class
Clear:both; Reject floating objects on both sides (left reject floating object, right reject floating object)
Float:left, floating object position left (right, the latest train timetable is located on the starboard side)
position:relative; Relative position, usually set the need timetable in the superior frame
Position:absolute; Absolute position, with the setting of the parent frame, set the top and left values for the frame setting.
top:5px; Absolute position of the page or relative to the top of the frame
left:10px; Absolute position of the page or relative to the left of the frame
width:100px; 100px Wide
height:200px high 200px (available auto and 100% value)
Margin Shanghai train timetable: 10px 20px 10px 20px;
Upper right Bottom left margin (the same value can save write margin:10px)
individually specified with margin-top:10px; (Margin-right, Margin-bottom, Margin-left)
padding:20px 10px 10px 20p;
Top right bottom left content distance from border (the same value can save write 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 point draw 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; inside (inside) list-style-image:url (/yh/image/more04.gif); bullet-point Image Pro Schedule List-style-type:disc; bullets are dots (circle circles, square squares)
Extended class Cursor:e-resize, mouse style Filter:blur (add=4, Direction=8, strength=4), filter filter:fliph, horizontal rollover (FLIPV GPRS traffic fee portrait rollover)
Set up links individually
#bottool a:link{color: #fff}; the color not visited
#bottool a:visited{color: #fff}; visited color flow software
#bottool a:hover{color: #ff0}, mouse over link
So many definitions, in fact, are commonly used in the following categories: Specify the width of the high value width,height; Specify the background: background; Specify position: float, special position with top, left to locate; set frame margin: margin ; set container padding: padding several items. The definition of the overflow, clear,!important program is canceled in my style definition. 1, cancel Overflow:hidden is because after repeated experiments, the definition can only hide content beyond the height of the container, and cannot hide the content beyond the width. What I need is to be able to automatically hide content beyond the width of the container, sometimes requiring the container height to open the container height with the content. 2, the cancellation of the clear definition is because in the actual application is really to understand the container and the arrangement of the container, the position of the frame or container with float, position, top, left and other precise positioning. 3,!important
Specifies the application precedence for a style rule. This is mainly used in IE and other browsers to distinguish the effect 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 places please keep abreast correct, there is a perfect place also please keep abreast perfect. I think that using DIV+CSS to layout the site, the most important is the layout of the problem, different design, design simplified big difference. I focus on the versatility of the framework or container, design several types of containers, like the label style in FS4, and then call this style where it is needed to achieve versatility rather than specificity. Talk about this today, and then talk about the layout of the design ideas.

