CSS3教程(1):什么是CSS3


Posted in HTML / CSS onApril 02, 2009

CSS3不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,已经准备好了首次登场,呷着咖啡,等着浏览器来铺上红地毯。
CSS3不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,已经准备好了首次登场,呷着咖啡,等着浏览器来铺上红地毯。你看,浏览器需要跟上了……
注意:浏览器需要改进
尽管把玩CSS3是很有趣的事情——就像接下来我要演示的几篇教程中表现的那样,但是需要了解的是,CSS3并没有被当前浏览器完全的支持。也就是说,如果你要在你的网站中使用CSS3,请确认有针对不支持CSS3的浏览器的兼容方法。
CSS3的浏览器支持状况:

  • Firefox(3.05 …部分支持)
  • Google Chrome(1.0.154 …部分支持)
  • Google Chrome(2.0.156 …较好支持)
  • Internet Explorer(IE7, IE8 不支持)
  • Opera(9.6 …很少支持)
  • Safari(3.2.1 windows…较好支持)
    什么是CSS,什么是CSS3?
    非常简单,CSS代表“Casading Style Sheets”,就是样式表,是一种替代并为网站添加样式的标记性语言。CSS3只是表示下一代CSS,3只是版本号。
    如果CSS3还没有完全被支持,那么我为什么要写CSS3呢?
    因为学习新东西时间很有趣的事情!
    而且有人常常问我如何实现圆角。我解释了很多遍如何使用图片或CSS3实现,这里我通过写一些我学到的一些东西的方式来希望能够帮助其他的有需要的人。
    当然你也不必只看我说的。Eric Meyer是一个了解CSS很多的传奇人物,这里有个很棒的对Eric的访谈,讨论CSS3,很值得一读。
    测试,我特别制作了一个关于本系列教程的测试页面。所有本系列教程所讨论的内容,在该测试页面都有演示,你也可以访问该页面,来测试一下自己的浏览器是否支持CSS3。
HTML / CSS 相关文章推荐
利用CSS的Sass预处理器(框架)来制作居中效果
Mar 10 HTML / CSS
深入浅析css3 中display box使用方法
Nov 25 HTML / CSS
通过css3的filter滤镜改变png图片的颜色的示例代码
May 06 HTML / CSS
Html5中的桌面通知Notification的实现
Sep 25 HTML / CSS
html5使用canvas画空心圆与实心圆
Dec 15 HTML / CSS
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
Dec 14 HTML / CSS
基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能
Jul 09 HTML / CSS
html5移动端价格输入键盘的实现
Sep 16 HTML / CSS
HTML5表单验证特性(知识点小结)
Mar 10 HTML / CSS
AmazeUI 导航条的实现示例
Aug 14 HTML / CSS
如何使用amaze ui的分页样式封装一个通用的JS分页控件
Aug 21 HTML / CSS
带你了解CSS基础知识,样式
Jul 21 HTML / CSS
CSS3教程(2):网页边框半径和网页圆角
Apr 02 #HTML / CSS
CSS3教程(3):border-color网页边框色彩
Apr 02 #HTML / CSS
CSS3教程(4):网页边框和网页文字阴影
Apr 02 #HTML / CSS
CSS3教程(5):网页背景图片
Apr 02 #HTML / CSS
CSS3教程(7):CSS3嵌入字体
Apr 02 #HTML / CSS
CSS3教程(6):创建网站多列
Apr 02 #HTML / CSS
CSS3教程(8):CSS3透明度指南
Apr 02 #HTML / CSS
You might like
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
CI(CodeIgniter)框架实现图片上传的方法
2017/03/24 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
js使用removeChild方法动态删除div元素
2014/08/01 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
2015/01/13 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
jQuery插件slider实现拖动滑块选取价格范围
2015/04/30 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
2015/12/08 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
一些实用性较高的js方法
2016/04/19 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
jQuery实现级联下拉框实战(5)
2017/02/08 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
2017/08/25 Javascript
详解Vue文档中几个易忽视部分的剖析
2018/03/24 Javascript
基于axios 解决跨域cookie丢失的问题
2018/09/26 Javascript
javascript判断一个变量是数组还是对象
2019/04/10 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
2019/08/04 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
2019/08/12 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
一个简单的python程序实例(通讯录)
2013/11/29 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
关于python中remove的一些坑小结
2021/01/04 Python
澳大利亚相机之家:Camera House
2017/11/30 全球购物
具有防紫外线功能的高性能钓鱼服装:Hook&Tackle
2018/08/16 全球购物
2014群众路线学习笔记
2014/11/06 职场文书
2014年学校后勤工作总结
2014/12/06 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
幽灵公主观后感
2015/06/09 职场文书
Python爬虫基础讲解之请求
2021/05/13 Python