一、CSS3概述和CSS3的发展史
  1、css3概述:
    CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。 
     目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了。
 
    2、css的发展史:
      HTML的诞生 20世纪90年代初
       1996年底, CSS第一版诞生
       1998年5月 CSS2正式发布
            2004年 CSS2.1发布
            CSS3的发布 …
 
 
 
 
 
 
二、CSS3模块介绍

  1、CSS1 中定义了网页的基本属性:
      字体、颜色、补白、基本选择器等
 
  2、CSS2中在CSS1的基础上添加了高级功能
      浮动和定位、高级选择器等(子选择器、相邻选择器、通用选择器)
 
  3、CSS3遵循的是模块化开发。发布时间并不是一个时间点,而是一个时间段。
        2002年5月15日发布CSS3 Line模块,该模块定义了文本行模型

      2002年11月7日发布CSS3 Lists模块,该模块定义了列表相关样式
      2002年11月7日发布CSS3 Border模块,新增背景边框功能,后被合并到背景模块中
      2003年5月14日发布CSS3 Generated and Replace Content模块,该模块定义CSS3生成及更换内容功能。
      2003年8月13日发布CSS3 Presentation Levels模块,该模块定义了演示效果功能。
      2003年8月13日发布CSS3 Syntax模块,该模块重新定义了CSS语法规则
      2004年2月24日发布CSS3 Hyperlink Presenation模块,该模块中心定义了超链接的表示规则。
      2004年12月6日发布CSS3 Speech模块,该模块定义了’语音’样式规则。
      2005年12月15日发布CSS3 Cascading and inheritance模块,该模块重新定义了CSS层叠和继承规则。
      2007年8月9日发布CSS3 Basic box模块,该模块定义了CSS的基本盒子模型。
      2007年9月5日发布CSS3 Grid Positioning模块,该模块定义了CSS的网格定义规则。
      2009年3月20日发布CSS3 Animations模块,该模块定义了CSS3的动画模型。
      2009年3月20日发布CSS3 3D Transforms模块,该模块定义了CSS3 3D转换模型。
      2009年6月18日发布CSS3 Fonts模块,该模块定义了CSS字体模型。
      2009年7月23日发布CSS3 Image Value模块,该模块定义了图像内容显示模型。
      2009年7月23日发布CSS3 Flexible Box Layout模块,该模块定义了灵活的框布局模块。
      2009年8月4日发布了CSS3 视图模块
      2009年12月1日发布CSS3 Transitions模块,该模块定义了动画过渡效果。
      2009年12月1日发布CSS3 2D Transforms模块,该模块定义了CSS3 2D转换模型。
      2010年4月29日发布CSS3 Template Layout模块,该模块定义了模板布局模型。
      2010年4月29日发布了CSS3 Generated Content For Page Media 模块,该模块定义了分页媒体内容模型。
      2010年10月5日发布CSS3 Text模块,该模块定义了文本模型。
      2010年10月5日发布CSS3 Background and Borders模块,该模块重新定义了边框和背景模型。
      ..............
 
 
 
 
 
 
三、CSS3与浏览器之间的关系
    在编写CSS3样式时,不同的浏览器可能需要不同的前缀。
      它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性。
      虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。
        
 
 
 

CSS3_概述、发展史、模块介绍、与浏览器之间的关系的更多相关文章

  1. CPU、内存、硬盘之间的关系

    要完完全全地讲清楚cpu.内存.硬盘之间的关系,博客的篇幅是不够的.这里简单的介绍以下它们之间的关系,抛砖引玉. 1.CPU即中央处理器,是英语“Central Processing Unit”的缩写 ...

  2. 爬虫模块介绍--selenium (浏览器自动化测试工具,模拟可以调用浏览器模拟人操作浏览器)

    selenium主要的用途就是控制浏览器,模仿真人操作浏览器的行为 模块安装:pip3 install selenium 需要控制的浏览器 from selenium import webdriver ...

  3. AMD模块介绍(翻译)

    http://dojotoolkit.org/documentation/tutorials/1.10/modules/index.html Dojo支持以异步模型定义(AMD)方式编写的模块,让会让 ...

  4. webkit模块介绍

    一.Webkit模块   用到的第三方库如下:   cairo 一个2D绘图库 casqt Unicode处理用的库,从QT中抽取部分代码形成的 expat 一个XML SAX解析器的库 freety ...

  5. CSS3弹性盒模型布局模块介绍

    来源:Robert’s talk原文:http://robertnyman.com/2010/12/02/css3-flexible-box-layout-module-aka-flex-box-in ...

  6. {MySQL数据库初识}一 数据库概述 二 MySQL介绍 三 MySQL的下载安装、简单应用及目录介绍 四 root用户密码设置及忘记密码的解决方案 五 修改字符集编码 六 初识sql语句

    MySQL数据库初识 MySQL数据库 本节目录 一 数据库概述 二 MySQL介绍 三 MySQL的下载安装.简单应用及目录介绍 四 root用户密码设置及忘记密码的解决方案 五 修改字符集编码 六 ...

  7. WebKit由三个模块组成-Webkit模块介绍

    2.       Webkit 源代码由三大模块组成: 1). WebCore, 2). WebKit, 3). JavaScriptCore. WebCore:排版引擎核心,WebCore包含主要以 ...

  8. python模块介绍-locustio:性能测试工具locustio

    转自:http://automationtesting.sinaapp.com/blog/m_locustio_doc python测试文章 http://weibo.com/cizhenshi?is ...

  9. php CGI、Fastcgi、PHP-FPM的详细介绍与之间的关系

    以下PHP CGI.Fastcgi.PHP-FPM的一些信息归纳和汇总----->详细介绍与之间的关系 一:CGI是干嘛的?CGI是为了保证web server传递过来的数据是标准格式的 web ...

随机推荐

  1. htmlnav

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. Ombrophobic Bovines 分类: POJ 图论 最短路 查找 2015-08-10 20:32 2人阅读 评论(0) 收藏

    Ombrophobic Bovines Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 16539 Accepted: 3605 ...

  3. U3D UGUI学习5 - Layout和文字适配

    Layout这部分UGUI算是比NGUI做的到位 之前遇到了一个问题,NGUI做文字和背景框适配和容易,绑定一下就好了.UGUI你得弄Layout才可以,而且还需要配置. 但这个Layout使用场合是 ...

  4. selenium + python 添加等待时间

    转载于:http://www.blogjava.net/qileilove/articles/412450.html 四.添加等待时间 有时候为了保证脚本运行的稳定性,需要脚本中添加等待时间. 4.1 ...

  5. Java提高篇---TreeMap

    TreeMap的实现是红黑树算法的实现,所以要了解TreeMap就必须对红黑树有一定的了解,其实这篇博文的名字叫做:根据红黑树的算法来分析TreeMap的实现,但是为了与Java提高篇系列博文保持一致 ...

  6. C语言100个经典算法

    POJ上做做ACM的题 语言的学习基础,100个经典的算法C语言的学习要从基础开始,这里是100个经典的算法-1C语言的学习要从基础开始,这里是100个经典的算法 题目:古典问题:有一对兔子,从出生后 ...

  7. datagrid后台分页js.js

    $(function () { gridbind(); bindData(); }); //表格绑定function gridbind() { $('#dg').datagrid({ title: ' ...

  8. 显示实时日期时间(html+js)

    <!DOCTYPE><html> <head> <title> New Document </title> <meta name=&q ...

  9. shell脚本之lnmp的搭建

    !/bin/bash #this script is source packages installed lnmp .xmal yum -y install wget #"========= ...

  10. ASP.NET导入导出

    //创建一个数据链接 // string strCon =" Provider=Microsoft.Jet.OLEDB.4.0;Data Source={0} ;Extended Prope ...