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 中的这些选择器的兼容性非常好,在目前主流的浏览器下都可以使用。

本文转自钢钢博客园博客,原文链接:http://www.cnblogs.com/xugang/archive/2010/10/14/1851133.html,如需转载请自行联系原作者

关于CSS 3 及浏览器兼容性问题相关推荐

  1. CSS实现跨浏览器兼容性的盒阴影效果

    2019独角兽企业重金招聘Python工程师标准>>> CSS实现跨浏览器兼容性的盒阴影效果 一.无关紧要碎碎念 在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了. ...

  2. css工程化和浏览器兼容性问题

    CSS工程化 CSS编译器 CSS编译器,也叫做CSS预编译器,是指开发者使用某种类似CSS(但实际不是)的语言编写代 码,然后通过编译器,将其编译成浏览器真正能执行的CSS代码. 目前常见的CSS编 ...

  3. 浏览器兼容性调整(非原创)

    浏览器的内核 Mozilla Firefox ( Gecko ) Internet Explorer ( Trident ) Opera ( Presto ) Safari ( WebKit ) Go ...

  4. html 布局兼容性,HTML+CSS入门 浏览器兼容性问题及解决方案

    本篇教程介绍了HTML+CSS入门 浏览器兼容性问题及解决方案,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题现象: ...

  5. 常见的浏览器兼容性问题与解决方案——CSS篇

    1.不同的浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大. 碰到频率:100% 解决方案:初始化CSS的默认样式,*{ ...

  6. css 定位兼容性,CSS基础:定位与浏览器兼容性

    position属性 介绍: CSS position属性用于指定一个元素在文档中的定位方式.top,right,bottom 和 left 属性则决定了该元素的最终位置. position 属性值 ...

  7. 【转】常见浏览器兼容性问题与解决方案css篇

    小满语:说到兼容性问题,不得不说一下IE浏览器,尤其是IE9以前,兼容性差的要哭,来,擦擦眼泪,学习一下兼容性问题的解决方案~本篇主要是布局后加样式后导致浏览器显示不统一的情形: 所谓的浏览器兼容性问 ...

  8. CSS浏览器兼容性问题详解总结

    CSS浏览器兼容性问题详解总结 2009-11-12 11:39 对css缩写的支持问题: 不论是ie 还是ff对css的缩写都有一小点问题 比如 border: 0xp solid #fff;两个浏 ...

  9. 解决css firefox火狐浏览器IE浏览器下的兼容性问题

    来源:http://www.163ns.com/zixun/post/4544.html 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-ri ...

最新文章

  1. python与anaconda区别_anaconda和python的区别是什么?
  2. centos7安装ddos-deflate
  3. 剑指offer55 字符流中第一个不重复的字符(最典型错误)
  4. 数据库基础知识——初始MySQL
  5. CentOS配置本地YUM源
  6. c# winform如何异步不卡界面
  7. mac docker 共享_如何在Docker for Mac中加快共享文件访问
  8. mysql 数据库连接 w3school_PHP 连接 MySQL
  9. Hibernate缓存-使用Ehcache让实体对象集合对象缓存
  10. Part Six 地理定位API
  11. open cv+C++错误及经验总结(五)
  12. 117 Populating Next Right Pointers in Each Node II
  13. ADO.NET(二)
  14. ER图工具Visual Paradigm下载并设置中文
  15. 太实用了,这几个Python数据可视化案例
  16. 图像特征提取:Sobel边缘检测
  17. shell编程阶段性总结+几个shell脚本实例
  18. python在windows与linux下读取doc文件
  19. HTML系统学习(1)
  20. python14-前端之CSS

热门文章

  1. 23岁创业,28岁成为福布斯亚洲青年领袖,这个“刷脸的男人”有点牛
  2. Java工程师的成长路线图是什么?
  3. Ubuntu 16.04 amd64 bond mode6 配置
  4. Eclipse创建的Maven项目报错Could not calculate build plan: Plugin
  5. Oracle442个应用场景---------PL/SQL基础
  6. 6条可以成为更好程序员的建议
  7. NTT DOCOMO将部署多供应商NFV技术
  8. CentOS7关闭防火墙方法
  9. JDBC 学习(一)
  10. IOS block 教程