关于CSS 3 及浏览器兼容性问题
CSS 3 标准
随着AJAX 及jQuery 的出现，CSS 也在不断地自我完善。
CSS 3 吸取了多年来Web 发展的需求，提出了很多新颖的CSS 特性。
例如：CSS 3 中的圆角矩形 border-radius 属性（但在IE 浏览器中无效）。
| <html> |
| <head> |
| <title>圆角矩形</title> |
| <style type="text/css"> |
| <!-- |
| div{ |
| width:200px;height:120px; |
| border:2px solid #000000; |
| background-color:#FFFF00; |
| border-radius:20px; /* CSS3 中的圆角矩形 */ |
| -moz-border-radius:20px; /* mozilla 中的圆角矩形 */ |
| -webkit-border-radius:20px; /* Safari 3 中的圆角矩形 */ |
| } |
| --> |
| </style> |
| </head> |
| <body> |
| <div></div> |
| </body> |
| </html> |
注意：由于IE 7 浏览器是以CSS 2 为基础，所以不支持圆角属性。
浏览器的兼容性
浏览器的兼容性，程序员可以通过http://www.css3.info/selectors-test/test.html 来测试自己的浏览器对各种CSS 选择器的支持。
正是因为浏览器对CSS 3 的兼容性问题，使得CSS的属性没有得到推广。
jQuery 的引入
jQuery 框架通过预先的JavaScript 编程，提供了几乎所有的CSS 3 标准下的选择器。开发者可以利用这些选择器来选择HTML 中的标签元素。
注意：jQuery 中的这些选择器的兼容性非常好，在目前主流的浏览器下都可以使用。
| 作者： XuGang 网名：钢钢 |
| 出处： http://xugang.cnblogs.com |
| 声明： 本文版权归作者和博客园共有。转载时必须保留此段声明，且在文章页面明显位置给出原文连接地址！ |
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架