css常见兼容性（CSS common compatibility）.docVIP

css常见兼容性（CSS common compatibility） Knowledge point: Browser compatibility: Two, specific compatibility. Browser compatibility: Compatibility: the same style, under different browsers, the effect is different (failure). The page can run properly under all browsers, and the pages have good compatibility. Reason： W3c: Web 2 div + CSS structure and performance separation Ie 678 Firefox - Corporation: Firefox development. Ie 678 debugging Google Two, specific compatibility. 1: display none block |; Display:inline; displays elements as inline objects (and other elements on the same line); 2 IE 6, bug. Div is set to float, and in adjusting margin, margin doubles Solution: convert floating div into line object display:inline; Firefox has no effect, Ie bug solution. 3 div, from, UL. Ie the default outer distance eliminates the outer margin. *{ Margin:0px; Padding:0px; Font-size:12px; } 4 DOCTYPE document type definition: yes. DOCTYPE, HTML, PUBLIC, -//W3C//DTD, XHTML, 1, Transitional//EN, /TR/xhtml1/DTD/xhtml1-transitional.dtd 5, transparent: IE Filter:alpha (opacity=0100) FF Opacity:01 6 draw lines: the background color on the empty div gives the height of the 1px. IE 6 caused by default line height. Font-size:0px; FF does not work; ie removes default line height. 7, the text is displayed in div, different browsers, the upper and lower margins are different. Line-height: 8 supports different keywords for compatibility under different browsers. Important FF IE7 identifies the style name: style value, important; * ie 67 identifies the *html picker {style list} * IE 7 *+html selector {} style identification - IE 6 identification 9, same page, different browser, develop different CSS style file (understand) link href=..... Dangdang - indexIe6.css IndexIe7.css IndexIe8.css ! -- if IE 7]-- link href=, indexIe7.css, type=, rel=, ! --[endif]--! ! -- if IE 6]-- link href=, indexIe6.css, type=, rel=, ! --[endif]--! mark name style= widht: height:12px Added: padding - Top Paddi