CSS 3 Standard
With the emergence of Ajax and jquery, CSS is constantly improving itself.
CSS 3 draws on the needs of web development over the years and puts forward many novel CSS features.
For example, the border-radius attribute of the rounded rectangle in CSS 3 is invalid in IE browser ).
| <Html> |
| <Head> |
| <Title>Rounded rectangle</Title> |
| <Style type = "text/CSS"> |
| <! -- |
| Div{ |
| Width:200px;Height:120px; |
| Border:2px Solid #000000; |
| Background-color:# FFFF00; |
| Border-radius:20px;/* Rounded rectangle in css3*/ |
| -moz-border-radius : 20px ; /* corner rectangle in Mozilla */ |
| -WebKit-border-radius:20px;/* Safari Rounded rectangle in 3 */ |
| } |
| --> |
| </Style> |
| </Head> |
| <Body> |
| <Div></Div> |
| </Body> |
| </Html> |
Note: Because the IE 7 browser is based on CSS 2, it does not support the rounded corner attribute.
Browser compatibility
Browser compatibility,ProgramYou can test your browser's support for various CSS selectors through http://www.css3.info/selectors-test/test.html.
It is precisely because of the compatibility of the browser with CSS 3 that the CSS attributes are not promoted.
Introduction of jquery
The jquery framework provides almost all the selectors under the CSS 3 standard through pre-JavaScript programming. Developers can use these selectors to select tag elements in HTML.
Note: These selectors in jquery have excellent compatibility and can be used in mainstream browsers.